margin-left alt margin-right ? (sidans länk fungera inte)
Eldräven sabbar min css-layout!
35 svar · 1 083 visningar · startad av symbolism · sida 2 av 2
Padding på boxen?
här är mitt dilemma:
När jag paddar texten med följande kod
---
padding-left: 3px;
----
så fungerar detta i IE i och med att boxen "trycks ihop" lite. I Firefox förlängs boxen istället med 3 px vilket gör att den blir tillräckligt lång för att bakgrunden ska börja om... och så trycks texten ut ur boxen. Varför detta??? och hur löser jag det???
I det här fallet så är det Internet Explorer som beter sig felaktigt, och Firefox gör rätt.
Du använder fortfarande en dålig doctype som sätter webbläsarna i "Quirks mode", vilket gör att Internet Explorer bla. använder en felaktig boxmodell för att beräkna storlekar på element.
En av de viktigaste förutsättningarna för att en hemsida ska fungera i olika webbläsare är att man använder en doctype som sätter dem i "Standards mode", vilket gör att de arbetar på "rätt sätt" enligt de uppsatta reglerna för HTML- och CSS.
Byt ut den översta raden i HTML-koden mot den här istället:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Tack! Nu tolkar båda webbläsare koden likadant... typ... nu blir det lättare att redigera...
återkommer snart igen..
Allright!
Allting verkar fungera nu men jag är inte riktigt nöjd met att det blir ett så stort mellanrum mellan rubriken och boxens början... Hur åtgärdar man detta?
länkarna igen:
Rubriker ska skrivas med h1-h6
Ändra din "rubrik" klass margin-bottom (eller padding-bottom) till önskat värde.
oj va dumt! ja de kan ju inte bli mer basic än så. Har suttit hela morronen med detta det är väl därför jag är lite trög för tillfället!
hehe
Ja men då tackar jag så mycket för all er hjälp! har lärt mig en massa nytt nu på kuppen=)
För det första bör du lägga all text inom <p></p>
Din rubrik <p class="rubrik">Välkommen!</p>är inte så där jättesmart.
Det är då du bör använda <h1>eller någon annan rubrik
Du har en div innehalltop ovanför rubriken som flyttar ner texten...
Ooops för långsam... :-)
jepp! tack ändå=) hehe
en sista fråga: i headern som ni ser har jag angett loggan som bakgrundsbild i CSS-en. Kan jag göra denna klickbar via CSSen? Kan man även infoga text i dokumentet via CSSen?
1. Logga klickbar: Endast <a> taggar eller Javascript
2. Du kan inte infoga text via CSS till en HTML fil.
symbolism skrev:
en sista fråga: i headern som ni ser har jag angett loggan som bakgrundsbild i CSS-en. Kan jag göra denna klickbar via CSSen? Kan man även infoga text i dokumentet via CSSen?
CSS används endast till att styra hemsidans utseende, dvs. hur texten ser ut, vad den har för färg, hur stor den är osv.
Själva innehållet ligger i HTML-koden och kan inte påverkas med hjälp av CSS.
Det är viktigt att man förstår skillnaden mellan HTML och CSS direkt, annars är det lätt hänt att man är ute och cyklar.
CSS = utseendet, HTML = innehållet.
För att mer konkret svara på din fråga: nej, man kan inte göra bakgrundsbilder till länkar med CSS. Jag föreslår att du lägger loggan som en <img>-tagg istället och sedan lägger du en <a>-tagg runt den som länkar dit du vill.
jo jag vet men tänkte ändå att det kanske vore m,öjligt. Såsom jag ser det vore det ju inte dumt i och emd att man då kunde infoga en klickbar bild, t ex just headern, på en specifik plats på alla sidor mallen är kopplad till, och enkelt tabort/ändra den. Nåväl... kör med SSI istället då=) tack