Gå til innhold

Trenger hjelp med min CSS side

Dane

Av Dane
i Programmering og webutvikling

Anbefalte innlegg

Dane

Dane

Skrevet
Skrevet (endret)

Har laget min første side i CSS, har også en annen tråd her, men ingen svarte i den lengre så jeg lager en ny

 

http://home.no.net/dlim/Om%20prosjektet/omprosjektet.htm

 

Her er tekstene helt ut i kantene på diven, Hvordan får jeg noe klaring på begge sider? trodde det var gjort med padding. Og hvordan legger jeg best til ett bilde ved teksten slik at det ser bra ut, som en artikkel?

 

Et annet problem er at den ikke vises skikkelig i IE5, men utenfor de avrundede hjørnene er det en liten strek med bakgrunnsfargen Noen som vet hva jeg kan gjøre med dette? skal vise den fram på en skolemaskin som bare har IE5 uten mulighet for å oppdatere

 

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 0.8em;

color: #000000;

background-color: #FFFFFF;

margin: 0px;

padding: 0px;

text-align:center;

}

#divLogo {

background-color: #3D7AB8;

width: 800px;

margin-top: 50px;

height: 46px;

 

}

#divContainer {

color: #FFFFFF;

background-color: #6699CC;

background-image: url(../images/background.gif);

background-repeat: no-repeat;

padding-top: 40px;

padding-right: 40px;

padding-bottom: 106px;

clear: both;

height: 400px;

width: 800px;

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 1em;

padding-left: 40px;

text-align: left;

}

#divFooter {

color: #FFFFFF;

background-color: #3C78B5;

text-align: center;

width: 800px;

background-image: url(../images/logoLeft.gif);

background-repeat: no-repeat;

height: 45px;

border: none #FFFFFF;

 

}

#ulMainNav {

margin: 0px;

padding: 0px;

list-style-type: none;

}

#imgLogo {

float: left;

}

#ulMainNav li {

display: inline;

float: left;

}

#ulMainNav a:link, #ulMainNav a:visited, #ulMainNav a:active {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 14px;

color: #FFFFFF;

text-decoration: none;

background-repeat: no-repeat;

background-position: center top;

display: block;

width: 78px;

padding-top: 26px;

padding-right: 1px;

padding-bottom: 5px;

padding-left: 0px;

text-align: center;

}

#ulMainNav a:hover, #ulMainNav a.current:link, #ulMainNav a.current:visited {

background-color: #6699CC;

}

#mainimg {

float: right;

}

#imgFooterRight {

float: right;

padding-left: 25px;

}

#LogoRight {

float: right;

clear: left;

}

h1 {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 1.5em;

font-weight: bold;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #FFFFFF;

text-align: left;

color: #FFFFFF;

padding-left: 10px;

width: 500px;

}

#divSectionNav a:link, #divSectionNav a:visited, #divSectionNav a:active {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: .9em;

font-weight: bold;

color: #FFFFFF;

text-decoration: none;

padding: 0px 5px;

float: left;

}

#divBilder {

margin-top: 1em;

}

#divBilde img {

margin: 1px;

border: 1px solid #000000;

}

h2 {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 3em;

color: #FFFFFF;

text-align: center;

}

#divSectionNav a:hover, #divSectionNav a.current:link, #divSectionNav a.current:visited {

text-decoration: underline;

}

Endret av Dane
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
pgdx

pgdx

Skrevet
Skrevet (endret)

Ja, bruk padding. Installer Firefox på skole-PC-en.

 

Angående bildet, tenker du sikkert på float.

img {
float: left;
}

 

EDIT: Siden hadde også tjent på et serverside scriptspråk!

Endret av drange_net
Lenke til kommentar
ingveh

ingveh

Skrevet
Skrevet (endret)

Istedenfor å bruke bilder inni div'ene, kan du heller legge de som bakgrunnsbilder.

#div{
background: url(image.jpg) no-repeat;}

img-tagen skal brukes til bilder, ikke grafikk.

 

Prøv med dette øverst i stilarket:

* {
 margin: 0;
 padding: 0;}

Ikke sikkert det hjelper problemet, men det er en fin universalregel :)

 

Midtstilling i CSS

Endret av <ingve>
Lenke til kommentar
pgdx

pgdx

Skrevet
Skrevet
Det er en lite fin universalregel..

Hva mente du med den?

Det er jo lurt å ha med den så du nullstiller alt.

Ja, slik at du manuelt må sette innstillingene til hvert eneste element. Meget trivielt. Istedenfor bare å sette margin og padding til null på de det gjelder?

Lenke til kommentar
kroekkete

kroekkete

Skrevet
Skrevet
Det er en lite fin universalregel..

Hva mente du med den?

Det er jo lurt å ha med den så du nullstiller alt.

Ja, slik at du manuelt må sette innstillingene til hvert eneste element. Meget trivielt. Istedenfor bare å sette margin og padding til null på de det gjelder?

Mulig jeg er helt på bærtur her, men ved å sette alt til null først eliminerer du vel forskjellene mellom nettleserne når det gjelder deres standarder? Jeg husker ikke i farten hva disse forskjellene består i, men et eksempel kunne vært at Opera sier at alle <h>-elementer skal ha margin: 2px som standard, mens f.eks IE sier at alle <h>-elementer skal ha padding:2px som standard. Vil det ikke da være enklere å sette inn ønsket margin/padding der du trenger det i stedet for å korrigere for disse forskjellene hele veien?

Lenke til kommentar
Equerm

Equerm

Skrevet
Skrevet
Det er en lite fin universalregel..

Hva mente du med den?

Det er jo lurt å ha med den så du nullstiller alt.

Det er kanskje ikke er god universalregel på sider som er 100% bredde elns, men på en side som er midstillt og har en felles wrap kan det vel lønne seg å gjøre det på den måten, i hans tilfelle kunne han jo bare sette slik i toppen av css dokumentet sitt og sette position: absolute; left: 10px; eller noe slikt så ville det fungert ganske bra tror nå jeg. Det har ihvertfall hjulpet meg mange ganger å gjøre det slik, men de sidene jeg har laget hittil har vert midtstillte også da.

 

Synst det er rart at du fåreslår å gjøre det manuelt på hvert enkelt element, men det er jo opp til hver enkelt hvordan de vil gjøre det da. :)

Lenke til kommentar
kroekkete

kroekkete

Skrevet
Skrevet
Prøv med dette øverst i stilarket:

* {
 margin: 0;
 padding: 0;}

Ikke sikkert det hjelper problemet, men det er en fin universalregel :)

Det er en lite fin universalregel...

Oppdaget akkurat nå at dette gjorde at jeg ikke fikk style listene mine med "prikker" foran hver <li>...

Lenke til kommentar
Garreth

Garreth

Skrevet
Skrevet
Prøv med dette øverst i stilarket:

* {
 margin: 0;
 padding: 0;}

Ikke sikkert det hjelper problemet, men det er en fin universalregel :)

Det er en lite fin universalregel...

Oppdaget akkurat nå at dette gjorde at jeg ikke fikk style listene mine med "prikker" foran hver <li>...

De er der, de bare blir "presset" ut, det du kan gjøre hvis vil ha disse "prikkene" er å sette margin på dem

 

#dinDivID ul{ /*hvis du har brukt ul*/
margin-left: 5px;
}

#dinDivID li{
margin-left: 5px;
}

 

vet ikke om dette er helt rett, men fungerer for meg ihvertfall. Hvis du ikke vil ha listepunktene kan du bruke

list-style:none;

Lenke til kommentar
Knast

Knast

Skrevet
Skrevet

scrollbaren (for de med liten skjerm, sitter på jobben nå og det kommer en scrollbar), du bør legge inn en kode i css

 

scrollbar{color:#000000;}
scrollbar-arrow{color:#000000;}
scrollbar-shadow{color:#000000;}

 

husker ikke nøyaktig koden.. det er 5-6 stk.. hvis noen har disse kan dere jo poste dem..jeg ville hvertfall hatt en scrollbar med farger som passer til siden, når siden er så farget som den er..

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...