Permalänk
Medlem

Flera css:er

Tjo i stugan

Det är så att jag har börjat lite lätt med html.
Jag har hållt på med html och css förut men det är inte mycket.

Jag använder experssion web 3 som jag har tagit ett färdigt template från som jag tänkte bygga vidare på, just för att få upp mina totalt sönder rostade och värdelösa html skills.
I de templatet jag har tagit finns det 4 olika css formulär, 1 layout och 4 style.
Jag undrar om man verkligen behöver alla 3 formulär för just style, och fixa ihop det så de blir en enda?
Menar så det inte fuckar upp sig senare på en annan dator eller så.

Såhär ser det ut på masterhead raderna i dom 3 olika formulären.

Detta är i style 1:

#masthead { text-align: right; margin-right: 10px; margin-left: 10px; width: 650px; padding: 0; background-color: #cde; }

Style 2:

#masthead { text-align: right; width: 100%; background-color: #c5d5e5; }

Style 3:

} #masthead { text-align: right; background-color: #036; width: 620px;

Och footer

Style 1:

#footer { text-align: center; background-color: #89a; margin-right: 10px; margin-left: 10px; overflow: hidden; padding: 2px; }

Style 2:

#footer { background-color: #dfcfbf; padding-bottom: 5px; }

Style 3:

#footer { width: 620px; text-align: center; background-color: #113962; padding-top: 5px; padding-bottom: 5px; }

Visa signatur
Permalänk
Medlem

är alla stylesheets länkade till samma sida?

Visa signatur

Primär - C2D T6500 :: 4GB :: Mobility 4570.
Sekundär - AMD64x2 6000+ :: 2GB :: 8800GT 1GB

Permalänk
Medlem

Det går bra att slå ihop dem så länge #masthead och #footer ska se likadana ut på alla sidor. När man har flera värden för samma egenskaper så är det den senast inlästa som påverkar, som exempel så har #masthead olika värden på egenskapen width, där det är den sista i inläsningsordningen som kommer att påverka.

Om du har många stilmallar med rörig css så kan det vara värt att kika på firebug (alternativt firebug lite om du inte använder Firefox) där du kan se om en egenskap skrivs över med mer än ett värde.

Kika in W3's CSS Tutorial för mer om CSS.

Som tips om du har många objekt som använder samma värden men ändå ska vara dynamiska så kan du sätta multipla klasser på objekten:

<style> .red{color:rgb(255,0,0);} .blue{color:rgb(0,0,255);} .w100{width:100px;} .w200{width:200px;} </style> <body> <div class="red w100">Diven har röd text och är 100px bred</div> </body>

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Medlem

Aha då förstår jag. Jag vet inte riktigt hur jag ska ha det ännu.
Jag gör sidan åt en kompis mamma faktiskt och det ska bara vara informations text så allt sånt kommer ungefär se likadant ut för alla sidor.

Tack för hjälpen Nu kan jag fortsätta igen

Visa signatur