Nu niet meer, maar dit maakt niks uit....quote:Op zaterdag 12 februari 2005 21:41 schreef SuperRembo het volgende:
De banner image heeft nu display:block
1 2 3 4 | <div style="border:1px solid #000;width:600px;"> <div style="width:200px;float:left;">Title</div> <div style="width:300px;">Banner</div> </div> |
Thnx, het is geluktquote:Op zaterdag 12 februari 2005 23:22 schreef SuperRembo het volgende:
[ code verwijderd ]
Misschien hier en daar nog een height zetten of een <div style="clear:both"></div> na de header.
Als je van te voren niet de afmetingen weet, heb je daar nog steeds een table voor nodig.quote:Op zondag 13 februari 2005 13:05 schreef BaggerUser het volgende:
ik heb een tijdje lopen zoeken maar ik kan nog steeds niet echt vinden hoe ik met een div de overgebleven ruimte van een andere div kan opvullen..
of is dit gewoon niet mogelijk?
normaal kreeg je dan een melding dat je neit 2 keer hetzelfde bericht kon postenquote:Op zondag 13 februari 2005 21:48 schreef ikke_ook het volgende:
als je met snel reageren 2x snel achter elkaar op invoeren klikt kun je een dubbelpost maken.
1 2 3 4 5 6 7 8 9 10 11 | <td class="msgbody"> <a href="pics.php?id=9">[12-02-05] Achterhoek Arena</a><br /> <a href="pics.php?id=8">[12-02-05] @ Ayhan</a><br /> <a href="pics.php?id=7">[10-02-05] @ Bringenborg</a><br /> <a href="pics.php?id=6">[15-01-05] Mark-k & sammy's</a><br /> <a href="pics.php?id=5">[14-01-05] @ Tim</a><br /> <a href="pics.php?id=4">[08-01-05] verjaardag rob</a><br /> <a href="pics.php?id=3">[07-01-05] @ sammy's</a><br /> <a href="pics.php?id=2">[19-12-04] verjaardag jeremy & koen</a><br /> <a href="pics.php?id=1">[10-12-04] @ tim</a><br /> </td> |
Spaties in links moeten geen probleem op leveren.quote:Op zondag 13 februari 2005 23:07 schreef Tiemie het volgende:
http://www.lampenzen.nl/pics.php
ik heb daar in een td een aantal links staan en deze werken onder IE perfect, maar onder mozilla werkt de link maar "half". Alleen als je op het begin van de link klikt kun je de link openen..
ik d8 dat het misschien aan de spaties in de namen lag, omdat na de spatie de link niet meer klikbaar is.
dus heb ik met str_replace() spaties vervangen door $nbsp; maar dat helpt ook niet.
[ code verwijderd ]
iemand een idee hoe dat komt?
Ja dat werkt wél ja, maar het is wel de bedoeling dat het in die tabel blijft staan.quote:Op zondag 13 februari 2005 23:10 schreef DutchBlood het volgende:
[..]
Spaties in links moeten geen probleem op leveren.
Werkt het wel als je ze buiten de tabel haalt?
Het lijkt alsof er iets fout gaat met de positionering van het geheel, ik kan de linkjes namelijk ook niet selecteren. (ook niet met Caret Browsing (F7) aan)...quote:Op zondag 13 februari 2005 23:18 schreef Tiemie het volgende:
[..]
Ja dat werkt wél ja, maar het is wel de bedoeling dat het in die tabel blijft staan.
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 | <style type="text/css"> .thumb { display:inline; border:1px solid #000000; } </style> <div class="thumb"> <img src="thumbs/1_2_1_2test_dsc00212.jpg"><br><b style="color:#ff6600;">Waiting for approval.</b></div> <div class="thumb"> <img src="thumbs/1_2_1_2test_dsc00212.jpg"><br><b style="color:#ff6600;">Waiting for approval.</b></div> <div class="thumb"> <img src="thumbs/1_2_1_2test_dsc00212.jpg"><br><b style="color:#ff6600;">Waiting for approval.</b></div> <br /> <div class="thumb"> <img src="thumbs/1_2_1_2test_dsc00212.jpg"><br><b style="color:#ff6600;">Waiting for approval.</b></div> <div class="thumb"> <img src="thumbs/1_2_1_2test_dsc00212.jpg"><br><b style="color:#ff6600;">Waiting for approval.</b></div> <div class="thumb"> <img src="thumbs/1_2_1_2test_dsc00212.jpg"><br><b style="color:#ff6600;">Waiting for approval.</b></div> |
1 2 3 4 5 6 7 8 | <style type="text/css"> .thumb { float: left; width: 33%; border:1px solid #000000; } </style> |
1 2 3 4 5 6 | <UL> <LI> <img /> Waiting for approval </LI> <LI> <img /> Waiting for approval </LI> </UL> |
1 2 3 4 5 6 7 8 9 | UL LI { list-style: none; display: block; border:1px solid #000; width: 33%; float: left; color: #F60; font-weight: bold; } |
Ik heb hier geen FF en ik weet ook niet hoe ik het kan oplossen voor andere browsers.quote:Op woensdag 16 februari 2005 10:48 schreef Roönaän het volgende:
Enige wat ik kan bedenken is dat het te maken heeft met je position:absolute.
Maar zoals het er nu uitziet is het een IE only iets.
Dit is een mooi stukje code om een lijst te maken. Ik wil nu nog aan elk item van de lijst van button dingen toevoegen als hover, active, link etc. Kan ik dat dan op deze manier doen?quote:Op dinsdag 15 februari 2005 14:01 schreef RM-rf het volgende:
[ code verwijderd ]
overigens, volgens mij zou je kunnen overwegen een UL (Unordered List) te gebruiken in je HTML:
[ code verwijderd ]
en dan werkelijk alle styles ook echt via CSS doen:
[ code verwijderd ]
1 2 3 4 | LI:hover { color: red; text-decoration: none; } |
´quote:Op woensdag 16 februari 2005 13:47 schreef hornage het volgende:
Dit is een mooi stukje code om een lijst te maken. Ik wil nu nog aan elk item van de lijst van button dingen toevoegen als hover, active, link etc. Kan ik dat dan op deze manier doen?
[ code verwijderd ]
quote:Op maandag 14 februari 2005 13:50 schreef DutchBlood het volgende:
[..]
Maak die div kleiner/minder breed?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | .menu, .menu:visited { color: #333; font-size: 7.5pt; font-family: Verdana, Arial; text-decoration: none; background-color: #ff8c00; letter-spacing: -1px; display: block; margin: 1px; padding: 5px; width: 160px; border: outset 1px #fff } |
Was ik al mee bezig maar bovenstaande werkt ook. Of beter gezegd, werkte eerder ook.quote:Op donderdag 17 februari 2005 18:50 schreef Roönaän het volgende:
Probeer het eens met
a.menu of a.menu:link
-r-
Maak twee divjes, die je onder elkaar zet.quote:Op zaterdag 26 februari 2005 19:43 schreef Swetsenegger het volgende:
Hoe los ik dit op:
[afbeelding]
De content in het blauwe of witte vlak varieren onafhankelijk van elkaar in hoogte. Ik wil uiteindelijk bereiken dat uiteraard de footer onder aanblijft en dat het witte vlak en het blauwe vlak altijd even hoog zijn.
Dus als het witte vlak 2 maal zoveel content heeft als het blauwe vlak, moet het blauwe vlak dus gewoon opvullen.
Ik krijg het niet voor elkaar met divjes. Iemand een tip?
Dat heb ik dus, maar de divjes in de container vullen natuurlijk niet op tot de hoogte van de container wanneer de inhoud kleiner is.quote:Op zaterdag 26 februari 2005 20:22 schreef DutchBlood het volgende:
[..]
Maak twee divjes, die je onder elkaar zet.
1. Blauwe en witte div container
2. Footer
en 1. bestaat dan wederom uit twee divjes die je naast elkaar zet?
Helaas is dat niet het gevalquote:Op zaterdag 26 februari 2005 21:31 schreef SuperRembo het volgende:
Als de linker div altijd groter is dan de rechter, dan geef je de container een blauwe achtergrond en de linker div een witte achtergrond.
Hmz, dat had een oplossing geweest.quote:Anders kan je de container een wit/blauw achtergrond plaatje geven.
Een table voor de layout? Zondaar!quote:Op zondag 27 februari 2005 09:07 schreef Swetsenegger het volgende:
[..]
Helaas is dat niet het geval
[..]
Hmz, dat had een oplossing geweest.
Maar aangezien het toch om content gaat heb ik in de container div maar een tabel geplaatst
Nee dus.quote:Op zondag 27 februari 2005 10:57 schreef SuperRembo het volgende:
[..]
Een table voor de layout? Zondaar!
ff checken.quote:Een voorbeeldje van de oplossing met een achtergrondplaatje .
1 2 3 4 5 6 | input[type=checkbox] { color: red; } input[type=radio] { color: blue; } |
Je kan toch classes toekennen?quote:Op zondag 6 maart 2005 13:51 schreef Chandler het volgende:
Vraagje he
Hoe kan ik alleen een checkbox en radio button aanpassen in css zonder dat ik het input type veld verander?
Je kan de blauwe achtergrond div toch een containerdiv van degene met de witte achtergrond maken? Of past dat niet in jouw format?quote:Op zondag 27 februari 2005 10:58 schreef Swetsenegger het volgende:
[..]
Nee dus.
De lay-out is div, de content is table
[..]
ff checken.
Ik krijg een Forbidden melding.quote:Op dinsdag 8 maart 2005 21:06 schreef Heliospan het volgende:
Zucht... irritante verschillen tussen FF en IE...
Kan iemand even een kijkje nemen op een projectsite van me en dan met name naar de verschillen? In IE ziet het er simpelweg niet uit. In FF vind ik het best een gail layoutje. Ik vraag me alleen af waarom het er nu weer zo verneukt uit ziet.
Om bij de bron te kunnen, moet je even rechtermuisknopklikken linksonder op de pagina, onder "Pagina geladen". Dit is niet een lame antirechtermuisknop-scriptje, maar een poging om minder dataverkeer kwijt te zijn en snellere rendertijden. Ik ben er nog wat mee aan het experimenteren.
en de stylesheets voor de fp staan hier en hier
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | html, body { width: 100%; height: 100%; margin: 0px; background-image:url(../img/bg.png); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } div.content { position: absolute; left: 100px; top: 100px; right: 10px; bottom: 10px; right: 10px; bottom: 10px; border: 1px solid #111111; width: auto; height: auto; |
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 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta http-equiv="Content-Language" content="en-us"> <style type="text/css"> html { margin: 0; padding: 0; } body { margin: 100px 10px 10px 100px; padding: 0; } div#content { height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; } </style> </head> <body> <div id="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </div> </body> </html> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |