Edit: Eens even kijken...quote:Op donderdag 7 februari 2008 16:59 schreef Chandler het volgende:
[..]
Die van jou is inderdaad veel beter, is er ook een optie ipv links floaten dat het gecentreerd staat.. Stel ik heb maar 2 plaatjes dat deze dan in het midden van het kader komen te staan?ik heb dit zelf al geprobeerd maar helaas
Dat kan alleen op het parent element door align/text-alignquote:Op donderdag 7 februari 2008 16:59 schreef Chandler het volgende:
[..]
Die van jou is inderdaad veel beter, is er ook een optie ipv links floaten dat het gecentreerd staat.. Stel ik heb maar 2 plaatjes dat deze dan in het midden van het kader komen te staan?ik heb dit zelf al geprobeerd maar helaas
Ik ben zo'n leek, kun je dit eens voor Chandler N00bie gemakkelijker uitleggenquote:Op donderdag 7 februari 2008 17:12 schreef Tarabass het volgende:
Dat kan alleen op het parent element door align/text-align
Onder de categorie "et moet en zal met CSS", mijn prachtige meesterwerk:quote:Op donderdag 7 februari 2008 17:34 schreef Chandler het volgende:
[..]
Ik ben zo'n leek, kun je dit eens voor Chandler N00bie gemakkelijker uitleggen
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <li> <ul class="three"> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> </ul> </li> <li> <ul class="three"> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> </ul> </li> <li> <ul class="two"> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> </ul> </li> </ul> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | width: 402px; padding: 0; border: 1px #000 solid; } ul.imageblock li{ height: 134px; list-style-type: none; } ul.imageblock li ul{ margin: 0 auto; padding: 0; } ul.imageblock li ul.one{ width: 132px; } ul.imageblock li ul.two{ width: 268px; } ul.imageblock li ul.three{ width: 402px; } ul.imageblock li ul li{ float: left; width: 130px; height: 130px; margin: 1px; text-align: center; line-height: 130px; border: 1px #AAA solid; } |
| 1 2 3 4 5 6 7 8 9 10 11 | <!-- Grote foto en tekst --> <div style="width: 390px; float:left;"> <!-- Foto --> <div style="width: 390px; height: 390px; background-color:#99FF00">Foto</div> <!-- Tekst links --> <div style="width: 390px; background-color:#FF66CC;">Tekst links</div> </div> <!-- Tekst rechts --> <div style="width: 390px; background-color:#FF0000; float: right;">Tekst rechts</div> </div> |
ok ik heb het even anders gedaanquote:Op donderdag 7 februari 2008 21:58 schreef CraZaay het volgende:
Welke div moet precies met welke div's meeschalen? Geef ze even id's en leg het aan de hand daarvan uit. Dit is onleesbaar zo.
Ik gok overigens dat je ergens iets uit de flow haalt en verwacht dat een gefloat element binnen een niet-gefloat element ervoor zorgt dat de tweede meeschaalt.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | #content{margin: auto; width: 780px; background-color:#FFFFFF; float:inherit;} #left{width: 390px; float:left;} #left_foto{width: 390px; height: 390px; background-color:#99FF00;} #left_text{width: 390px; background-color:#FF66CC;} #right{width: 390px; background-color:#FF0000; float: right;} </style> <div id="content"> <div id="left"> <div id="left_foto">Foto</div> <div id="left_text">Tekst links</div> </div> <div id="right">Tekst rechts</div> </div> |
dan gaat de content div wel mee naar de hoogte van de andere divs.. maar staat ie helemaal links in het scherm.. das ook weer niet de bedoeling. Het hele boeltje staat gecentreerd..quote:Op donderdag 7 februari 2008 22:40 schreef CraZaay het volgende:
Als je #content "float: left" geeft ipv inherit, wat gebeurt er dan?
Haal dat divje eens weg en geef #content geen float, maar "overflow: auto" (geen hoogte definieren!). Zou moeten werkenquote:Op donderdag 7 februari 2008 22:43 schreef markiemark het volgende:
Ik heb er nog een divje om heen gelegd, ook gecentreerd net als de rest van de site. En dat gaat wel goed. Thnx!
| 1 2 | <span class="topMenu"><span class="menuItemHome"><a href="index.php">Home</a></span> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | { margin-left: 19px; font: bold 12px tahoma,verdana,arial,sans-serif; letter-spacing: 0; background-position: center center; background-repeat: no-repeat; border: none; cursor: pointer; text-align: left; line-height: 2; text-decoration: none; } .menuItemHome { margin-left: 0px; background: url("afbeeldingen/home.gif") no-repeat 0 0; width: 70px; height: 16px; text-indent:23px; } |
Klopt je html wel? Ik die 2 regels zie ik 2x een <span> en maar 1 </span>quote:Op zondag 10 februari 2008 21:46 schreef mrbombastic het volgende:
Het menu van een bepaalde site ziet er in IE6 goed uit, maar in FF niet.
Het probleem is dat in FF de linkermarge niet op 19px wordt gezet en dat de tekst niet 23px inspringt.
[ code verwijderd ]
[ code verwijderd ]
Volgens mij wil je wat properties gebruiken die alleen geschikt zijn voor block-level elementen, terwijl een span een inline element is. Ik vraag me overigens af of een element zonder een duidelijke semantische betekenis (span) het meest geschikt is in deze situatie, maar dat terzijde.quote:Op zondag 10 februari 2008 21:46 schreef mrbombastic het volgende:
Het menu van een bepaalde site ziet er in IE6 goed uit, maar in FF niet.
Het probleem is dat in FF de linkermarge niet op 19px wordt gezet en dat de tekst niet 23px inspringt.
Bedankt, ik heb er nu een div van gemaakt en met nog wat wijzigingen staat dit nu wel goed.quote:Op zondag 10 februari 2008 23:31 schreef CraZaay het volgende:
[..]
Volgens mij wil je wat properties gebruiken die alleen geschikt zijn voor block-level elementen, terwijl een span een inline element is. Ik vraag me overigens af of een element zonder een duidelijke semantische betekenis (span) het meest geschikt is in deze situatie, maar dat terzijde.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | { width:260px; margin-left: 19px; } .item { font: bold 12px tahoma,verdana,arial,sans-serif; letter-spacing: 0; background: url("afbeeldingen/no-arrow.gif") no-repeat 0 0; background-position: center center; background-repeat: no-repeat; width: 245px; height: 25px; cursor: pointer; text-indent: 15px; text-align: left; line-height: 21px; } |
| 1 2 | <p>Dit is normale tekst</p> |
Dit heb ik inderdaad ook al geprobeert, maar dat werkt niet... de styling van de <p> tag lijkt altijd de voorkeur te krijgen boven de styling van de <strong> tagquote:Op maandag 11 februari 2008 16:35 schreef Geqxon het volgende:
Iets als:
[ code verwijderd ]
?
Geen flauw idee of dat gaat werken...
Probeer eens padding ipv margin? Btw: de letter-spacing is default al 0.quote:Op maandag 11 februari 2008 11:25 schreef mrbombastic het volgende:
[..]
Bedankt, ik heb er nu een div van gemaakt en met nog wat wijzigingen staat dit nu wel goed.
Nu heb ik nog een probleem, zie www.kraket.nl. Ik heb een maindiv class waar ik een linkermarge van 19px wil hebben. Dit lukt wel in IE6, maar in FF springen alle menu items weer terug.
Bedankt. Padding werkt inderdaad wel.quote:Op maandag 11 februari 2008 17:07 schreef CraZaay het volgende:
[..]
Probeer eens padding ipv margin? Btw: de letter-spacing is default al 0.
| 1 |
Ja, zorgen dat je content binnen de viewport past in de breedte, dan heb je er geen last vanquote:Op maandag 11 februari 2008 23:35 schreef mrbombastic het volgende:
Verder heb ik nog 2 probleempjes. In IE6 krijg ik een horizontale scrollbar. Daarvoor heb ik nu
[ code verwijderd ]
gebruikt, maar mss zijn er betere alternatieven.
Daar heb je inderdaad gelijk in. De problemen zijn inmiddels opgelost. Het bleek dat ergens bovenin mn code nog <div align="center"> stondquote:Op dinsdag 12 februari 2008 08:55 schreef CraZaay het volgende:
[..]
Ja, zorgen dat je content binnen de viewport past in de breedte, dan heb je er geen last vanIs het te smal, omdat iemand op een lage resolutie kijkt, dan zullen ze horizontaal moeten scrollen.
Quotes rond je attributen zetten en van "middle" "absmiddle" maken.quote:Op woensdag 13 februari 2008 15:50 schreef Banzaiaap het volgende:
Ik ben nu zo goed als klaar met de site van een maat van mij: DjE-rik.nl, maar op de contact pagina staat de afbeelding met het emailadres erin niet helemaal goed, is een kleinigheidje, maar weet iemand waarom?
Thanks, dat was em.quote:Op woensdag 13 februari 2008 15:57 schreef CraZaay het volgende:
[..]
Quotes rond je attributen zetten en van "middle" "absmiddle" maken.
Met CSS "vertical-align: middle"?quote:Op woensdag 13 februari 2008 16:41 schreef Banzaiaap het volgende:
[..]
Ja die bedoelde ik, enig alternatief?
vertical-align rekent notepad++ niet goed bij mij..quote:Op woensdag 13 februari 2008 16:53 schreef CraZaay het volgende:
[..]
Met CSS "vertical-align: middle"?
notepad++ moet niet zeiken.quote:Op woensdag 13 februari 2008 17:17 schreef Banzaiaap het volgende:
[..]
vertical-align rekent notepad++ niet goed bij mij..
Mijn allereerste CSS met DIVjesquote:
| 1 2 3 4 5 6 7 8 9 10 | Vervang ik met; body { background-image: url('bg.jpg'); background-repeat: repeat-x } |
In principe kun je alles dat met opmaak te maken heeft doormiddel van CSS doen.quote:Op donderdag 14 februari 2008 13:20 schreef saban het volgende:
[..]
Mijn allereerste CSS met DIVjes
/edit
Cool, een vervanging gevonden voor:
[ code verwijderd ]
En in principe hoort dat ook zo.quote:Op donderdag 14 februari 2008 13:50 schreef Geqxon het volgende:
[..]
In principe kun je alles dat met opmaak te maken heeft doormiddel van CSS doen.
Dat klopt, maar voor een beginner telt dat natuurlijk wat minder zwaar.quote:Op donderdag 14 februari 2008 14:18 schreef Tuvai.net het volgende:
[..]
En in principe hoort dat ook zo.
Daarom kun je beter goed beginnen dan dat je eerst helemaal aan tabellen gehecht raakt, en vervolgens met divjes moet gaan werken.quote:Op donderdag 14 februari 2008 14:52 schreef Geqxon het volgende:
[..]
Dat klopt, maar voor een beginner telt dat natuurlijk wat minder zwaar.
| 1 2 3 4 5 6 7 8 9 10 11 12 | position: absolute; left:260px; top:135px; width:660px; padding:10px; background:#e8ebbe; font-family: tahoma; font-size: 11px; font-weight: bold; color: #fff; } |
Ik heb tot nu toe ook altijd met tabellen gewerkt, css/div heb ik nooit begrepen, maar nu probeer ik het me aan te lerenquote:Op donderdag 14 februari 2008 15:07 schreef Tuvai.net het volgende:
[..]
Daarom kun je beter goed beginnen dan dat je eerst helemaal aan tabellen gehecht raakt, en vervolgens met divjes moet gaan werken.
Er zijn nog steeds een heleboel mensen die steevast blijven hangen bij tabelletjes omdat ze divjes niet fijn vinden. Ik was tot een paar jaren geleden zelf nog zo.
Jep. Op het moment schrijf ik dan ook altijd eerst een semantisch correcte HTML, en dan pas maak ik de stylesheet, zonder aan de HTML te komen. Goeie manier om het jezelf te forceren.quote:Op donderdag 14 februari 2008 15:07 schreef Tuvai.net het volgende:
[..]
Daarom kun je beter goed beginnen dan dat je eerst helemaal aan tabellen gehecht raakt, en vervolgens met divjes moet gaan werken.
Er zijn nog steeds een heleboel mensen die steevast blijven hangen bij tabelletjes omdat ze divjes niet fijn vinden. Ik was tot een paar jaren geleden zelf nog zo.
Tabellen vervangen voor div's is net zo slecht als tabellen gebruiken imo. Semantiek, people!quote:Op donderdag 14 februari 2008 15:03 schreef saban het volgende:
Ik vind het van me zelf al knap dat ik niet met tabellen werk maar met DIV
geen 'position: absolute' gebruikenquote:Op donderdag 14 februari 2008 15:08 schreef saban het volgende:
Hoe kan ik onder mijn midcontent nog een vlak weergeven?
[ code verwijderd ]
De hoogte van #midcontent variert, dus kan ik aan de nieuwe vlak geen top:xx px meegeven.
Hoe gaat dat op zijn werk?
Ik helaas wel, moest laatst iets bouwen wat als het even kon ook in IE4 moest werken...quote:Op donderdag 14 februari 2008 16:13 schreef mcDavid het volgende:
Ik zou nieteens wéten hoe je een site bouwt met tables
Was de klant iemand van een stenen tijdperk of zo?quote:Op donderdag 14 februari 2008 16:17 schreef CraZaay het volgende:
[..]
Ik helaas wel, moest laatst iets bouwen wat als het even kon ook in IE4 moest werken...
Iemand die met geen enkele statistiek ervan te overtuigen was dat IE6+ écht prima is. En binnenkort alsnog herbouwen naar IE6+, omdat er natuurlijk wel allerlei web 2.0 "dingen" in moetenquote:Op donderdag 14 februari 2008 16:20 schreef Tuvai.net het volgende:
[..]
Was de klant iemand van een stenen tijdperk of zo?
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |