Schysstigt! Ska kolla in när %;en har lagt sig. Det var för myhcket text för att klara efter en helkväll på stan :e
Sååå, hur ska jag xhtml:a till den här html-snutten?
25 svar · 869 visningar · startad av bassebhu · sida 2 av 2
Frågan, av bassebhu
Blev lite sugen på det där med xhtml ändå. Om jag har en box med bilder i alla hörn som ser ut så här: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10" height="10" style="background-image: url(images/maintl.gif); background-repeat: no-repeat;"><img src="images/dot.gif" width="1" height="1" alt="dot"></td> <td height="10" style="bac
Läs frågan i sin helhet →Jag har tre nya frågor.
1.
Hur align:ar man innehållet i en div? Basic fråga. Attributet "align: center;" verkar inte finnas som i align="center" i div-taggen. Jag testade med "text-align: center;" och det funkade i safari men inte i IE. Det måste ju finnas något align-css-attribut som centrerar allt som ligger i diven?
2.
Går det att ange att en bild ska börja att repeteras efter 14px in i diven och sluta repeteras 14px innan diven tar slut? diven ska i sig vara 100% är min tanke...
r/
3.
Upptäckte ett till problem som kanske har tagits upp förut. IE och Safari visar en sak lite olika. Jag får mer luft mellan min bild och min text under bilden i IE, än vad jag får i safari (och då troligen många andra läsare).
#bild {
margin: 3px 15px 4px 0px;
float: right;
}
.meny {
text-align: right;
margin: 0 16px 0 0;
}
<!-- html -->
<div id="bild">
<img src="bild.jpg" alt="bild" width="400" height="50" border="0">
</div>
<div class="meny">Meny...</div>
(har en till bild bredvid den andra som ligger på float: left också men de borde inte spräcka gränsen. det ser bra ut i läsarna, bara att jag får mer luft under bilden i IE som är problemet...)
När ska jag använda id och när ska jag använda class? Antar att det är någon prioriteringsskillnad :)
Tackar för svar!
bassebhu skrev:
Jag har tre nya frågor.
1.
Hur align:ar man innehållet i en div? Basic fråga. Attributet "align: center;" verkar inte finnas som i align="center" i div-taggen. Jag testade med "text-align: center;" och det funkade i safari men inte i IE. Det måste ju finnas något align-css-attribut som centrerar allt som ligger i diven?
text-align:center är det som gäller...
Vill du centrera en div inuti en "container", kan du förmodligen komma undan genom att sätta en fast bredd på den och sedan sätta margin-left och margin-right till auto...
2.
Går det att ange att en bild ska börja att repeteras efter 14px in i diven och sluta repeteras 14px innan diven tar slut? diven ska i sig vara 100% är min tanke...
Tja, du kan t.ex. lägga in en div till innanför en padding (kom ihåg att en div alltid tar upp maximalt utrymme horisontellt om man inte begränsar den, så du behöver inte meka med width för det här ;) )
<div style="padding: 0 14px 0 14px">
<div style="background-image:url(testbild.gif); text-align:center">Tjohejdu!</div>
</div>
När ska jag använda id och när ska jag använda class? Antar att det är någon prioriteringsskillnad :)
Yep. Bland annat - se http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=1492 + att det som deklarerats för ett id "gäller över" det som står i en class om samma stil (som t.ex. färg, bakgrundsbild osv osv) råkar vara deklarerad med olika värden i bägge...
Tack :)
Din kod i #1044190 funkade riktigt bra btw :) Jag byggde om den först då jag trodde att jag kunde få samma princip i alla tre "raderna", men alla läsare utom opera ville visa min lösning korrekt. Du hade gjort något som däremot funkade i alla läsare så det blev din variant ändå :)
Ska testa senaste padding-förslaget sen också. Det verkar vettigt! Hoppas bara att alla läsare läser av paddingen på samma sätt :)
Tack!!
Får fortfarande inte centrering att fungera i IE (för mac) :o
Använder
.bottom {
width: 757px;
margin: 10px auto 10px auto;
text-align: center;
font-size: 9px;
color: #999999;
float: left;
}
Float left känns lite fult men om jag inte har det så hamnar det inte "sist på sidan". Hur fixar jag till det? Känns som att jag skulle välja slänga in någon slags <br> efter min sista div för att börja om på nytt nedanför. Jag har liksom avslutat min container-div redan som innehåller bl a två stora divar som tog upp hela containerns utrymme!
Tacksam för förslag :)
Float left känns lite fult men om jag inte har det så hamnar det inte "sist på sidan". Hur fixar jag till det? Känns som att jag skulle välja slänga in någon slags <br> efter min sista div för att börja om på nytt nedanför.
Låter som om du beskriver vad
clear:left
är till för (ta alltså bort float:left och ersätt detta med clear:left) ;)