Dat is een oplossing, maar zorgt weer voor een ander probleem; je krijgt (logischerwijs) geen scrollbalk te zien. Maar de content is op sommige pagina's wel langer dan het iframe hoog is...quote:Op woensdag 22 maart 2006 17:27 schreef Desdinova het volgende:
<IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content" scrolling="no">[knip errortekst]</IFRAME>
waarom wordt hier de cel met $nav groter naarmate de $table groter wordt?quote:<body>
<table style="border-width: 0px; width: 760px; height: 100%; border-collapse: collapse;" border="1">
<tr>
<td colspan="2" style="text-align: right; vertical-align: bottom; width: 760px; height: 129px; padding: 8px; background-image: url(images/header.jpg); background-repeat: no-repeat;">
".$menuitems."
</td>
</tr>
<tr>
<td style="vertical-align: bottom; text-align: left; width: 158px; height: 80px; padding-left: 8px; padding-bottom: 8px; background-image: url(images/left.jpg); background-repeat: no-repeat;">
<div style="width: 150px; height: 20px; overflow: hidden; text-align: left; vertical-align: bottom; padding:0px; margin:0px;">".$nav."</div>
</td>
<td rowspan="2" style="text-align: left; vertical-align: top; width: 602px; height: 100%;">
<div style="width: 600px; margin: 0px; padding: 0px; text-align: center;">".$table."</div>
</td>
</tr>
<tr>
<td style="text-align: right; width: 158px; vertical-align: top; padding-right: 8px; height: 100%; background-image: url(images/bg.jpg);">
".$submenuitems."
</td>
</tr>
</table>
</body>
Ah, dat is waarschijnlijk een copy/paste foutje geweest, bedankt.quote:Op donderdag 23 maart 2006 10:12 schreef Desdinova het volgende:
er staat trouwens geen dubbele quote voor 100% bij height?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | padding: 0px; width: 807px; background: #DDD; margin: auto; } #centercolumn { padding: 6px 0px; position: absolute; width: 600px; } #rightcolumn { position: absolute; margin-left: 600px; width: 205px; } #header { } |
Dat maakt helaas geen verschil, IE lijkt de margin mee te rekenen als content-ruimte. Het resultaat blijft dus hetzelfde... Jij hoopte dat IE deze ruimte zou 'gebruiken' voor de verticale scrollbalk neem ik aan?quote:Op donderdag 23 maart 2006 11:08 schreef Desdinova het volgende:
als je in je body van de pagina in je iframe een margin zet? margin-right: 20px; ofzo?
dat hoopte ik jaquote:Op donderdag 23 maart 2006 11:26 schreef Tackleberry het volgende:
[..]
Dat maakt helaas geen verschil, IE lijkt de margin mee te rekenen als content-ruimte. Het resultaat blijft dus hetzelfde... Jij hoopte dat IE deze ruimte zou 'gebruiken' voor de verticale scrollbalk neem ik aan?
Als je het tegen mij hebt: ik maak geen gebruik van divs en (dummie topic) wat een container div is...quote:Op donderdag 23 maart 2006 11:27 schreef Desdinova het volgende:
zet om die 2 divs een container div, dan ben je klaar denk ik.
Dat is een reactie op mijn post?quote:Op donderdag 23 maart 2006 11:27 schreef Desdinova het volgende:
zet om die 2 divs een container div, dan ben je klaar denk ik.
die was op jou jaquote:
Hetzelfde resultaat, zoals verwacht.quote:Op donderdag 23 maart 2006 11:29 schreef Desdinova het volgende:
dat hoopte ik ja
je zou padding-right kunnen proberen.. voor de volledigheid.
Wat werkt er niet? Ga wel met float werken, en zeker niet met een margin van 600 px. Kijk eens hoe float werken.quote:Op donderdag 23 maart 2006 11:24 schreef WebForce het volgende:
Hallo! Ik heb een standaard pivot weblogje al een tijdje in beheer, maar nu kom ik er eigenlijk pas achter dat het helemaal niet lekker in elkaar zit met IE. In Firefox doet 'ie het prima...
Dit is de site. In FF ziet die er dus prima uit, maar als je in IE het venster kleiner maakt zie je dat de onderste twee kolommen (div) blijven ; staan'...
Alles zit 'in' een body, de rechter kolom heet heeft de div 'centercolumn', de rechter 'rightcolumn' en het plaatje/logo 'header'.
Zo zit een gedeelte van de css eruit:
[ code verwijderd ]
Ik heb lopen zoeken hoe dat precies zit met position etc., maar ik kom er niet uit . Wie helpt?
the_disheaver, de laatste post in het vorige topic was voor mij? Want dan gaat het niet helemaal werken...
Zou je voor de overzichtelijkheid gebruik willen maken van de QUOTE functie van het forum?quote:Op donderdag 23 maart 2006 11:34 schreef Desdinova het volgende:
hehe.
als het goed is heb je iets als <div id="centercolumn">
daarvoor zet je <div>
en aan het einde ergens zou je een </div> moeten hebben. waar je nog een </div> achter zet.
mja ik heb het net bij de ontwikkelaars gelegd om een snelquote te introduceren voor het snel reageren.quote:Op donderdag 23 maart 2006 11:39 schreef Tackleberry het volgende:
[..]
Zou je voor de overzichtelijkheid gebruik willen maken van de QUOTE functie van het forum?
Bij mijn site geeft ie geen errors, maar het ziet er idd belabberd uit... Help!quote:Op donderdag 23 maart 2006 11:40 schreef the_disheaver het volgende:
Eventjes een andere tip. Mocht je problemen hebben met CSS in oa Opera, download de nieuwste preview (beta) van opera 9. ( http:/labs.opera.com) het heeft onder tools > advanced > een error console waarmee je onder andere de css struikelblokken kunt vinden.
1 2 3 4 5 6 7 8 9 10 | <div id="header"> </div> <div id="rightcolumn"> </div> <div id="centercolumn"> </div> </body> |
WAT gaat er dan niet goed als je met float werkt? Wel de <div id="right"> onder de left zetten anders krijg je de navigatie aan de linker kant.quote:Op donderdag 23 maart 2006 11:46 schreef WebForce het volgende:
[..]
Bij mijn site geeft ie geen errors, maar het ziet er idd belabberd uit... Help!
[ code verwijderd ]
Zo ziet mijn 'frontpage' er nu uit. Wat moet ik aangeven in mijn css om de rightcolumn rechts onder de header te zetten en de centercoloum links naast de header. En dat alles gecentreerd...
Kun je een (container)div niet om de header en dat andere ding zetten met als min-heigt 100%?quote:Op donderdag 23 maart 2006 12:00 schreef Desdinova het volgende:
ik heb een div met height en min-height op 100%, positioning absolute, en top op 200px. Dit creeert een scrollbalk in mn browser omdat hij eerst 100% hoogte berekent, en daarna 200px naar beneden opschuift (of iets dergelijks). Maar ik wil dus 100% - 200px. Kan dit?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | width: 808px; background: #DDD; margin-top: 5px; margin: 0px auto; } #centercolumn { width: 600px; padding-top: 6px; float: left; } #rightcolumn { width: 205px; float: right; } #header { width: 800px; border: 1px solid #999; } |
1 2 3 4 5 6 | <a href="" title="test1">test1</a> <a href="" title="test2">test2</a> <a href="" title="testT">testT</a> <span class="weekday">25</span> </td> |
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 | font-family: verdana, Helvetica, sans-serif; font-size: 11px;color:"#624800"; text-decoration:none; font-weight: bold; } A:hover { font-family: verdana, Helvetica, sans-serif; font-size: 11px; color:"#846100"; text-decoration:underline; font-weight: bold; } A:link { font-family: verdana, Helvetica, sans-serif; font-size: 11px; color:"#624800"; text-decoration:none; font-weight: bold; } A:active { font-family: verdana, Helvetica, sans-serif; font-size: 11px; color:"#846100"; text-decoration:none; font-weight: bold; } |
geniaal , maar het werkt wel dank!quote:Op zaterdag 25 maart 2006 19:21 schreef rickmans het volgende:
je hoeft geen " om je hex codes te zetten voor kleurtjes .
Jup! Dat is em . Dank je! Heerlijk is dat... Zulke makkelijke logische oplossingen en ze gewoon niet zelf verzonnen of gevonden krijgen .quote:Op zaterdag 25 maart 2006 21:28 schreef Desdinova het volgende:
@ blieblie
zet in je <a> tag een class. bijv:
<a class="white" href="etc
en in je stylesheet zet je dan:
a.white {
color: white;
}
en a.white:hover {
color: black;
}
Volgens mij kan dat niet, omdat je HTML gebruikt voor de lay-out/volgorde van de tekst en css voor de opmaak.quote:Op zaterdag 25 maart 2006 15:24 schreef rickmans het volgende:
Even een klein vraagje:
ik heb het volgende:
[ code verwijderd ]
Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?
Haal height weg uit .CONTENT_WRAPPER. En zorg ervoor dat je background-image hoog genoeg is voor je content of stop er ook een achtergrond kleur in.quote:Op maandag 27 maart 2006 22:10 schreef BaggerUser het volgende:
heb nu een min-height opgegeven maar nu komt die div over de onderliggende div heen.. dat is ook niet de bedoeling.
http://80.61.232.209/essek/layout.php
1 2 3 | width: 760px; background:#62E8F9 url(images/background.bmp) repeat-x top left;} |
De oplossing is relatief eenvoudig (maar wel lastig te begrijpen), en je hebt helaas een extra "container" div nodig. Het kan echter wel... Ja ook in IE.quote:Op dinsdag 28 maart 2006 11:49 schreef Desdinova het volgende:
hoe krijg ik iets in het vertikale midden van een div?
Ben dit probleem al een aantal keer tegen gekomen..
Dit is een mogelijke oplossing:quote:Op zaterdag 25 maart 2006 15:24 schreef rickmans het volgende:
Even een klein vraagje:
ik heb het volgende:
[ code verwijderd ]
Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?
1 2 | td span {position:absolute;top:0;left:0;} |
Ik zou gewoon images gebruiken. Het zit nog niet standaard in CSS. Ik geloof wel dat het een recommendation is voor CSS3, maar dat duurt nog wel even.quote:Op woensdag 29 maart 2006 23:16 schreef Mr.Noodle het volgende:
Iemand nog een idee hoe je een List met verticale tekst in CSS krijgt? verwerkt in tabjes? Ik had een oplossing gevonden, alleen die is lelijk en werkt alleen in IE.
Als in:
T|
a|
b|
1|
T|
a|
b|
2|
Wat heeft een iframe met CSS te maken?quote:Op donderdag 23 maart 2006 09:11 schreef Tackleberry het volgende:
[..]
Dat is een oplossing, maar zorgt weer voor een ander probleem; je krijgt (logischerwijs) geen scrollbalk te zien. Maar de content is op sommige pagina's wel langer dan het iframe hoog is...
Andere oplossing? Toevoegingen?
Ik doen jou niet begrijp?quote:Op donderdag 30 maart 2006 15:16 schreef MadGuy het volgende:
Oeh ja, dat klinkt eigenlijk wel logisch.
Wel, wat ik wil. Het menu gedeelte heb ik Banner genoemd in het plaatje hierboven. Bij een hogere resolutie dan 1024x768 houdt het plaatje natuurlijk rechts een keer op. Ik wil eigenlijk voor het mooie dat de kleuren rechts doorlopen bij een hogere resolutie.
[afbeelding]
Dit plaatje dus. Alle streepjes en dingetjes moeten doorlopen. Geen repeat-code dus, maar slechts de kleuren. Hoe pak ik dit slim aan, of wordt dat te ingewikkeld of onmogelijk om uit te voeren?
Ik denk dat hij bedoelt dat de de achtergrond kleur van de div moet doorlopen tot dezelfde breedte als de boven c.q onderliggende div.quote:
Dit gebeurde naar aanleiding van een CSS 'oplossing'...quote:Op donderdag 30 maart 2006 15:17 schreef super-muffin het volgende:
Wat heeft een iframe met CSS te maken?
aah op die manier. als je de laatste div op width: 100% zet, en een background-repeat: repeat-x; erin zet?quote:Op donderdag 30 maart 2006 15:16 schreef MadGuy het volgende:
Oeh ja, dat klinkt eigenlijk wel logisch.
Wel, wat ik wil. Het menu gedeelte heb ik Banner genoemd in het plaatje hierboven. Bij een hogere resolutie dan 1024x768 houdt het plaatje natuurlijk rechts een keer op. Ik wil eigenlijk voor het mooie dat de kleuren rechts doorlopen bij een hogere resolutie.
[afbeelding]
Dit plaatje dus. Alle streepjes en dingetjes moeten doorlopen. Geen repeat-code dus, maar slechts de kleuren. Hoe pak ik dit slim aan, of wordt dat te ingewikkeld of onmogelijk om uit te voeren?
jupquote:Op vrijdag 31 maart 2006 14:50 schreef Roönaän het volgende:
gaat hij over de zeik van een €?
U20A is datquote:Op vrijdag 31 maart 2006 15:01 schreef Roönaän het volgende:
je kan nog de unicode proberen. Geen idee hoe die precies loopt. Iets van
&u1234; Zou je het nummer even op moeten zoeken.
1 |
1 2 3 4 | { background-image: url(/img/menuitembg); } |
Dit zou moeten werken:quote:Op vrijdag 31 maart 2006 17:30 schreef HenkBenzinetank het volgende:
O ja, ik zit ook nog met een probleempje met mijn site (zie [afbeelding]). Ik wil dit plaatje als bg van mijn menu:
[afbeelding].
Het is heel netjes een <ul>-menu en op de een ofandere manier werkt
[ code verwijderd ]
of een code die er op lijkt, niet.
1 2 | no-repeat top left; width:80px;} |
Neen, wat jij wilt kan niet met CSS. Hier zou je zgn "includes" voor kunnen gebruiken. Dat kan bijvoorbeeld met PHP, MS FrontPage of Dreamweaver (templates).quote:Op donderdag 30 maart 2006 22:18 schreef Autoreply het volgende:
Ook AR heeft weer een vraagje.
Site=> http://www.jarnonieuwenhuize.nl
En ja, de kleuren worden binnenkort veranderd
Maarrrrr, wat ik eigenlijk wil is dat het menu bovenaan in een documentje staat zonder frames te gebruiken. Kan dat met css
(Oftewel, kan ik een tekstgebaseerdmenu in een externe css-sheet opnemen?)
En kan je die veranderen?quote:Op zondag 2 april 2006 16:21 schreef SuperRembo het volgende:
Dat ligt aan de margins die standaard op een H2 en P zitten.
gelukt, en wel hiermee: http://www.positionisever(...)uelayout/equalheightquote:Op zondag 2 april 2006 23:17 schreef the_disheaver het volgende:
Hoe krijg ik van 2 divjes die left zijn gefloat de ene net zo hoog als de ander.
<div id="left"></div>
<div id="right"></div>
Met float: leftl krijg ik hem naast elkaar. Maar hoe krijg ik de right-div net zo hoog als de left div als er in de left-div meer tekst staat? (in right-div is een achtergrondskleur ingesteld)
Werkt toch niet perfect in Opera, en totaal niet in IEquote:Op zondag 2 april 2006 23:52 schreef the_disheaver het volgende:
[..]
gelukt, en wel hiermee: http://www.positionisever(...)uelayout/equalheight
Dit kun je eenvoudig oplossen door een 1 a 2px hoog en (zo breed als je het donkerblauwe vlak wilt) brede background-image (.gif) in je body te plakken met een repeat-yquote:Op maandag 10 april 2006 13:26 schreef MadGuy het volgende:
Ik ben verder wezen klooien met mijn ontwerp en kwam tot het volgende:
[afbeelding]
Nu heb ik een tweeledig probleem.
Het eerste is het donkerblauwe vlak links. Deze div wil ik door laten lopen zolang als de pagina verticaal is. Dit varieert per pagina. De 100% value werkt niet. Want dan laat de browser hem doorlopen tot het einde van het scherm, maar zodra je naar beneden scrollt, krijg je weer de background-color. Hoe kan ik dit handig oplossen?
Het zou flink helpen als je een url opgeeft waar we de HTML en CSS kunnen bekijken. Nu is het heel lastig te bepalen waar het precies misgaat...quote:Het tweede probleem betreft het menu boven. Omdat ik de pagina ook mooi uit wil laten komen op hogere resoluties, zijn de verschillende elementen uit het menu van onder naar boven aparte divjes.
[afbeelding]
Dus dan heb je van onder naar boven: een zwarte balk, de 'tijdlijn', de verschillende menu elementen (die ook weer per button een divje zijn) en een grijze balk. Deze wil ik door laten lopen naar rechts, zolang als de pagina wordt. Bij 1024x768 als resolutie is dit natuurlijk 1024, maar bij hogere resoluties wordt het meer. Maar ook value 100% werkt hier niet. Ze stoppen dan gewoon op een gegeven moment. Sterker nog, ik heb nu een horizontale scrollbar. Aaargh.
Ik pak iets gigantisch fout aan, maar wat?
Of de achtergrondimage danwel kleur aanpassen.quote:Op dinsdag 11 april 2006 10:48 schreef MadGuy het volgende:
Hm ja, dat werkt inderdaad. Maar als ik rechts nu een andere kleur wil hebben? Zou ik daar dan een aparte div voor moeten creeëren?
td {background-color: #123456;}quote:Op donderdag 13 april 2006 15:17 schreef Sitethief het volgende:
Ik ben bezig met het uitproberen van mijn layout. Alleen nu staat echt alles in HTML en ik wil toch graag een gedeelte in CSS hebben.
Hoe krijg ik het background element(niet eens legal0 uit een <td> in CSS?
Zie: http://sitethief.nl/try/
Hm ja, dat klopt wel een beetje. Ik wil echter dat mijn ontwerp hetzelfde is bij iedereen.quote:Op donderdag 13 april 2006 15:07 schreef Berkery het volgende:
Ik heb zo 1-2-3 geen antwoord, maar waarom doe je alles met absolute positionering? Daar krijg je alleen maar grijze haren van...
Je zou hier een beetje mee kunnen spelen (menu): http://www.alistapart.com/articles/taminglists/quote:Op donderdag 13 april 2006 15:38 schreef MadGuy het volgende:
[..]
Hm ja, dat klopt wel een beetje. Ik wil echter dat mijn ontwerp hetzelfde is bij iedereen.
Wat zou je anders voorstellen dan?
je DIV met id '#menuelement2' heeft een absolute positie van 'left: 779px;' en de breedte is 'width:100%'quote:Op donderdag 13 april 2006 14:03 schreef MadGuy het volgende:
Waarom lopen de divjes bovenaan naar rechts zo afwisselend door? Ik wil juist dat deze vergroten en verkleinen naarmate de resolutie die gebruikt wordt door de gebruiker groter of kleiner is. Is hier een oplossing voor?
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | <head> <title>Welkom op mijn website!</title> <style type="text/css"> <!-- #Layer2 { position:relative; width:72%; height:40px; background-color: #00337F; border-bottom: 2px solid #FF993F; border-right: 2px solid #FF993F; margin: 0px; padding: 0px; } #Layer3 { position:relative; width:100%; height:50px; background-color:#FFFFFF; text-align:left; padding:0px; margin:0px; } #banner { margin-bottom: 20px; border: 1px solid #00337F; text-align: left; background-color:#FFFFFF; height:110px; padding: 0px; } h1.title { font-family:bitsream vera serif; font-size:2.3em; margin:0px; padding:0px; font-weight: bolder; color:#00337F; position:relative; top:8px; left:60px; } img.logo { position:relative; top:-70px; left:75%; width:110px; } #menu_container { position:relative; width:100%; height:20px; background-color:#FF993F; } --> </style> </head> <body> <div id="banner"><div id="Layer2"></div> <div id="Layer3"><h1 class="title">Mijn Domein</h1> <img class="logo" src="images/logo.jpg" alt="logo"/></div> <div id="menu_container"></div></div> </body> </html> |
Er is een verschil in de grote van `layout 2` onder IE en FF. In FF is hij de de 50px hoog die hij moet zijn in IE is hij echter 2 keer zo groot.quote:Op woensdag 19 april 2006 12:40 schreef RM-rf het volgende:
Wat is er verschillend? moeten we dat raden?
als het een probleem met het boxmodel is, mozilla/Opera en IE6 bij valide pagina's met correct DOCTYPE een ander boxmodel inpassen als msie5 en 5.5, en msie6 in quirky mode...
het kan soms helpen om voor mozilla de CSS box-sizing:border-box tioe te passen, mozilla volgt dan eigenlijk de foute rendering van explorer....
een andere optie zijn de ettelijke box-model hacks of workarounds...
Dank je wel voor je reactie.quote:Op woensdag 19 april 2006 17:11 schreef RM-rf het volgende:
die DIV#banner heeft een height van 110 px en een bottom-margin van 20px....
in explorer blijft de hoogte 110px en wordt de margin aan de onderkant daar gewoon weer bij opgeteld (border-box-model)...
terwijl volgens het officiele model de opgegeven hoogte altijd inclusief margins-paddings en border moet zijn.... oftewel de binnenruimte van de box is in mozilla/firefox/opera en msie6 in valid mode 90px (110px - 20px margin: het box-sizing-model)
Dat is idd een box-model probleem.
Ik kan uit de CSS specificatie niet halen dat de box mee zou moeten groeien.quote:Op donderdag 20 april 2006 21:01 schreef Swetsenegger het volgende:
Waarom werkt dit niet in FF
.naam {
position:relative;
height:100px;
overflow:visible;
}
Firefox toont de overflow wel, maar volgens mij zou de box met de overflow mee moeten groeien toch?
Als ik height door min-height vervang werkt het wel in firefox, maar niet in IE
1 2 3 4 5 | position:relative; height:100px; min-height:100px; } |
Volgens handleiding html zou de box mee moeten groeien, maar dat is dus niet het geval ben ik nu ook achter.quote:Op donderdag 20 april 2006 21:54 schreef Light het volgende:
[..]
Ik kan uit de CSS specificatie niet halen dat de box mee zou moeten groeien.
En IE behandelt height als min-height, da's niet helemaal volgens de specs.
Hoe lijkt:
[ code verwijderd ]
1 2 | min-height: 100px; /* other */ |
1 2 | left:0px; |
1 2 3 | _left:expression(document.body.scrollTop+document.body.clientHeight- this.clientHeight); |
Negeert firefox de underscore?quote:Op donderdag 20 april 2006 22:31 schreef SuperRembo het volgende:
Met de underscore hack:
[ code verwijderd ]
Ondersteunt IE7beta nou inmiddels min-height of niet?
http://62.212.92.93/~danielpunt/blah/quote:Op donderdag 20 april 2006 22:55 schreef SuperRembo het volgende:
Een voorbeeldje zou handig zijn
IE5/6 negeert alleen de underscore en ziet "height", en die property bestaat wel.quote:Op donderdag 20 april 2006 23:07 schreef Swetsenegger het volgende:
[..]
Negeert firefox de underscore?
What about:quote:Op donderdag 20 april 2006 22:24 schreef Swetsenegger het volgende:
Opgelost. Ik heb de meest smerige hack ooit toegepast denk ik.
min-height van 100px voor firefox.
en in de box float ik nu een divje van 100px height en 1 px width voor IE.
1 2 3 | min-height:100px; height:100px; |
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 | <HEAD> <TITLE>CSS</TITLE> <STYLE type=text/css> ul { list-style: none; margin: 0; } ul li { width: 100px; line-height: 40px; background: red; text-align: middle; vertical-align: text-bottom; border:5px solid black; } </STYLE> <body> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </BODY></HTML> |
1 2 3 4 5 | color: #FFFFFF; background-color: #000000; border-right: 1px solid #660000; } |
1 2 3 | test </div> |
Dat was idd niet duidelijk.quote:Op zaterdag 22 april 2006 20:20 schreef mrbombastic het volgende:
Hmm dat bedoelde ik niet. Ik zie net dat mn post ook niet echt duidelijk was.
Het probleem is dat de border overal 5px is, maar tussen de rechthoeken is de border 10px.
Dit komt omdat de li's aan alle kanten een border hebben van 5px. Als je er dus twee tegen elkaar zet, krijg je er een border van 5px + 5px tussen. Je kunt eventueel het volgende toevoegen:quote:Op zaterdag 22 april 2006 20:20 schreef mrbombastic het volgende:
Hmm dat bedoelde ik niet. Ik zie net dat mn post ook niet echt duidelijk was.
Het probleem is dat de border overal 5px is, maar tussen de rechthoeken is de border 10px.
1 2 3 4 | [...] margin-bottom: -5px; } |
Persoonlijk vind ik de "[...] voor dummies" serie vaak erg goed, ongetwijfeld is er ook eentje voor CSS.quote:Op zondag 23 april 2006 03:09 schreef Misanthropist het volgende:
iemand enig idee voor een mooi beginnersboek css?
Kijk eens naar Jeffrey Zeldman...goed boek...ook als e-book te bestellen bij de lokale internet verdeler.quote:Op zondag 23 april 2006 03:09 schreef Misanthropist het volgende:
iemand enig idee voor een mooi beginnersboek css?
Dat is wel een heel lelijke oplossing.quote:Op zondag 23 april 2006 03:22 schreef Leshy het volgende:
[..]
Dit komt omdat de li's aan alle kanten een border hebben van 5px. Als je er dus twee tegen elkaar zet, krijg je er een border van 5px + 5px tussen. Je kunt eventueel het volgende toevoegen:
[ code verwijderd ]
Dit zorgt ervoor dat de li's steeds 5 pixels over de bovenstaande heen worden gerenderd, wat het probleem met de dubbele borders oplost. Enigszins cru, maar effectief.
[..]
1 2 3 4 5 6 7 8 9 | border-bottom: 1px solid #000; } UL LI { border-style: solid; border-color: #000; border-width: 1px 1px 0px 1px; } |
Heb het aangepastquote:Op zondag 23 april 2006 12:50 schreef SuperRembo het volgende:
Dan moet je er wel voor zorgen dat de ul en li even breed zijn.
Jammer dat IE geen :first-child ondersteunt, dat zou de mooiste oplossing zijn.
bottom-border moet border-bottom zijn, en er ontbreekt een ;
Je hebt groot gelijkquote:Op zondag 23 april 2006 12:21 schreef CrazyByte het volgende:
Dat is wel een heel lelijke oplossing.
Makkelijkste is om de UL zelf een bottom-border te geven en de LI-elementen allemaal niet.
IE6 heeft problemen met het correct renderen van transparante png's. Lees bijvoorbeeld dit artikel of zoek naar andere artikelen .quote:Op zondag 23 april 2006 23:36 schreef Nevermind het volgende:
Wat doe ik hier fout waardoor het er niet uit ziet in IE? Gebruik opera of firefox om te zien hoe het er uit behoort te zien.
Dat heeft met alpha transparancy te maken. Met gifs zie ik geen verschil. Maar dat SR het niet ziet snap ik niet. Zie jij wel hetzelfde als ik in IE6?quote:Op maandag 24 april 2006 02:42 schreef Castor het volgende:
[..]
IE6 heeft problemen met het correct renderen van transparante png's. Lees bijvoorbeeld dit artikel of zoek naar andere artikelen .
Verdomd, je hebt gelijkquote:Op maandag 24 april 2006 02:47 schreef Nevermind het volgende:
[..]
Dat heeft met alpha transparancy te maken. Met gifs zie ik geen verschil. Maar dat SR het niet ziet snap ik niet. Zie jij wel hetzelfde als ik in IE6?
Ik gebruik ook XP. Hebben we in ieder geval een verschil met SR. Het zal wel iets met marges te maken hebben, maar die staan allemaal op 0. Als ik dat ga veranderen werkt het uiteraard niet meer in andere browsers Vaag probleem.quote:Op maandag 24 april 2006 02:50 schreef Castor het volgende:
[..]
Verdomd, je hebt gelijk
Ik zie idd hetzelfde als jij in IE6. Ik gebruik WinXP Home Edition (SP2). Ik ga nog eens verder kijken wat er aan de hand kan zijn.
De volgende CSS op .star-rating helpt al een beetje:quote:Op maandag 24 april 2006 02:52 schreef Nevermind het volgende:
[..]
Ik gebruik ook XP. Hebben we in ieder geval een verschil met SR. Het zal wel iets met marges te maken hebben, maar die staan allemaal op 0. Als ik dat ga veranderen werkt het uiteraard niet meer in andere browsers Vaag probleem.
-edit- Met Win2k-IE6 heb ik exact dezelfde fout
1 |
Gaaf dat je mee-nachtbraakt Ik teste je oplossing even, en het zag er inderdaad anders uit, maar nog niet plausibel. Ik kom net een minuut geleden achter de oplossing! Ik heb de 'top-center-bottom'-waarden vervangen door de waarden in pixels, en nu werkt het welquote:Op maandag 24 april 2006 03:40 schreef Castor het volgende:
[..]
De volgende CSS op .star-rating helpt al een beetje:
[ code verwijderd ]
Ik ben nu verder aan het kijken naar de background-position van .star-rating li.current-rating.
Och, voor mij is nog niet zo laat (zit op Aruba, 6 uur eerder hier). Goed dat je de oplossing hebt gevonden! Had idd zo'n vermoeden dat het daaraan lagquote:Op maandag 24 april 2006 03:46 schreef Nevermind het volgende:
[..]
Gaaf dat je mee-nachtbraakt Ik teste je oplossing even, en het zag er inderdaad anders uit, maar nog niet plausibel. Ik kom net een minuut geleden achter de oplossing! Ik heb de 'top-center-bottom'-waarden vervangen door de waarden in pixels, en nu werkt het wel
1 2 3 4 5 | background: url(images/stars.gif) repeat-x 0% 114%;} * html .star-rating li.current-rating { background: url(images/stars.gif) repeat-x 0% 56%;} |
Ik krijg daarbij weer een stukje van de gele sterren onderaan het plaatjequote:Op maandag 24 april 2006 04:02 schreef Castor het volgende:
Vraag me niet waarom, maar als je de orginele code pakt en daar de volgende regels aan toe voegt, dan zou hij het moeten doen in IE en FF:
[ code verwijderd ]
Oeps, vergat te zeggen "orginele code" + "mijn *html oplossing" + "overflow:hidden op .star-rating".quote:Op maandag 24 april 2006 04:09 schreef Nevermind het volgende:
[..]
Ik krijg daarbij weer een stukje van de gele sterren onderaan het plaatje
Ik ga toch maar even slapen, kan ik morgen wat helderder denken. Bedankt voor al je hulp!
-edit- Hoe werkt deze bij je?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <head> <style> html, body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } </style> </head> <body> <table> <tr> <td>Deze tekst is groter dan onderstaande.</td> </tr> </table> Deze tekst is kleiner dan bovenstaande tekst. </body> </html> |
http://danielpunt.nl/2/quote:Op vrijdag 21 april 2006 15:38 schreef super-muffin het volgende:
Oke, ik heb het nu zo ver dat die balken links en rechts blijven staan, maar als ik scroll lopen ze niet door.
Als ik thuis ben zal ik het ff oploaden, heb hier geen internet op mn laptop.
1 2 3 | <link rel="stylesheet" type="text/css" href="voor_ie.css" /> <![endif]--> |
Dat komt doordat je geen DOCTYPE neerzet, dan werken de browsers in quirksmode. De volgende code moet het oplossen:quote:Op dinsdag 25 april 2006 20:30 schreef mrbombastic het volgende:
Klopt het dat in IE6 en FF de font-size niet wordt geërfd door tabellen?
In onderstaand voorbeeld krijg ik dat de bovenste regel tekst groter wordt weergegeven dan de onderste.
[ code verwijderd ]
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 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> /*<![CDATA[*/ html, body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } /*]]>*/ </style> <title></title> </head> <body> <table> <tr> <td>Deze tekst is groter dan onderstaande.</td> </tr> </table> <p>Deze tekst is kleiner dan bovenstaande tekst.</p> </body> </html> |
Ah oke, weer wat geleerd .quote:Op donderdag 27 april 2006 03:33 schreef Castor het volgende:
[..]
Dat komt doordat je geen DOCTYPE neerzet, dan werken de browsers in quirksmode. De volgende code moet het oplossen:
[ code verwijderd ]
Dat vind ik inderdaad erg naar. Volgens mij gaat IE hier tegen de standaard in toch? Waarom?! WAAAAROM?!quote:Op vrijdag 28 april 2006 04:37 schreef Misanthropist het volgende:
net zoald een border bij IE buiten de div valt en bij FF in de div...
Als we PPK mogen geloven is dat ook de enige hack die je nodig hebt. Behalve als je nog rekening houdt met NS 4.x of IE 5 voor de Macquote:Op woensdag 26 april 2006 15:53 schreef TC03 het volgende:
Weet niet of het bekend is maar wou dit toch even zeggen, ik vind dit echt een perfecte hack om dingen speciaal voor IE te speciferen.
[ code verwijderd ]
Zo handig.
volgens mij toch alleen in quircksmode?quote:Op vrijdag 28 april 2006 04:37 schreef Misanthropist het volgende:
net zoald een border bij IE buiten de div valt en bij FF in de div...
1 2 3 4 5 6 7 8 9 | margin-bottom: 20px; border: 2px solid #00337F; text-align: left; background-color:#FFFFFF; height: 350px; padding: 0px; overflow:invisible; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | { float:left; margin-right:450px;} #column1{ position:relative; width:250px; border-left:1px solid black; float:right; padding:0px; margin:0px } #column2{ position:relative; float:right; border-left:1px solid black; padding:0px; margin:0px } |
Ik begrijp niet helemaal wat je voor elkaar probeert te krijgen, vaak helpt het als je de HTML en volledige CSS post of linkt. Maar "overflow: invisible" bestaat iig niet. Dat moet zijn "overflow: hidden;"quote:Op zaterdag 29 april 2006 16:54 schreef ExCibular het volgende:
ik ben bezig met een website met een fluid design.
Nou heb ik header en een footer die precies doen wat ik wil alleen het lukt me nog niet goed om het middenstuk voor elkaar te krijgen.
[ code verwijderd ]
In dexe container wil ik een stuk tekst die fluid is en twee kolommen met een vaste breedte van 225px. Alleen het lukt mij niet echt om die kolommen goed voor elkaar te krijgen dat ze er mooi naast staan.
Ik dacht het op deze manier te doen:
[ code verwijderd ]
Heeft iemand een idee wat ik fout doe?
Is dit wat je bedoeld?quote:Op zondag 30 april 2006 19:58 schreef ExCibular het volgende:
sorry het moet zijn overflow visible, typefoutje gemaakt.
html is vrij simpel div home is de container met daarin de 3 divjes die de content moeten verzorgen (div als container met daarin inhoud om event. box model problemen te voorkomen).
Ik heb niet echt een voorbeeld kunnen vinden. Maar ik heb even een plaatje gemaakt van wat ik wil bereiken
[afbeelding]
Afhankelijk van de lengte van de teksten in de kolommen of in de tekst moet de alles langer zijn dan 350 px.
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 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ #home {float:left;border:1px solid red;} #tekst {background-color:yellow;float:left;margin-right:450px;} #column1 {width:225px;background-color:lightblue;float:left;margin-left:-450px;} #column2 {width:225px;background-color:blue;float:left;margin-left:-225px;} /*]]>*/ </style> </head> <body> <div id="home"> <div id="tekst">Nam vel nisi vitae odio congue tempus. Etiam leo justo, interdum dictum, accumsan at, accumsan quis, nisl. Sed ipsum orci, eleifend sit amet, congue ac, nonummy et, metus. Ut mollis mauris ac lectus. </div> <div id="column1">Column 1</div> <div id="column2">Column 2</div> </div> </body> </html> |
Je zou een divje kunnnen nemen met een bepaalde width. En deze voor elke divje gelijk brengen. Ernaast via float een divje erbij. Maar dit is niet ideaal aangezien je afhankelijk van de (breedte) van de inhoud ook de breedte van de eerste kolom wilt varieren.quote:Op vrijdag 12 mei 2006 23:20 schreef Da_Koen het volgende:
De basis van CSS(tutor van w3schools) ken ik wel, maar ik denk nog altijd in tabellen ipv div's. Eigenlijk gebruik ik bijna overal tabellen voor wat eigenlijk niet goed is, hier wil ik dus vanaf.
Weet iemand een goede tutorial over het indelen van je website dmv CSS? Of kan iemand me een voorbeeldje geven.
Neem nou bijvoorbeeld een contactformuliertje. Dit zet ik altijd in een tabel omdat alles dan netjes oonder elkaar en uitgelijnd is. Hoe zou ik zoiets in CSS kunnen aanpakken?
Forms zijn wel een van de lastigere dingen om mee te beginnen in CSS. Je kunt hier een goed voorbeeld vinden hoe je form met CSS maakt.quote:Op vrijdag 12 mei 2006 23:20 schreef Da_Koen het volgende:
De basis van CSS(tutor van w3schools) ken ik wel, maar ik denk nog altijd in tabellen ipv div's. Eigenlijk gebruik ik bijna overal tabellen voor wat eigenlijk niet goed is, hier wil ik dus vanaf.
Weet iemand een goede tutorial over het indelen van je website dmv CSS? Of kan iemand me een voorbeeldje geven.
Neem nou bijvoorbeeld een contactformuliertje. Dit zet ik altijd in een tabel omdat alles dan netjes oonder elkaar en uitgelijnd is. Hoe zou ik zoiets in CSS kunnen aanpakken?
Thx, zelf heb ik deze ook nog gevonden. Dat begrijp ik nu wel.quote:Op zaterdag 13 mei 2006 01:25 schreef Castor het volgende:
[..]
Forms zijn wel een van de lastigere dingen om mee te beginnen in CSS. Je kunt hier een goed voorbeeld vinden hoe je form met CSS maakt.
Persoonlijk heb ik daar nog steeds wel moeite mee, vooral als je input fields niet even lang mogen zijn en als je ook nog een stel radio-buttons kwijt moet.
de beste truc is te leren je HTML-code semantisch op te zetten .... daarmee leer je om bij de opzet van je HTML code niet te denken aan de layout zelf, maar een logische structuur ervoor te bedenken, de consequent is en klopt met de informatie en elementen die je erin wilt verwerken ....quote:Op vrijdag 12 mei 2006 23:20 schreef Da_Koen het volgende:
De basis van CSS(tutor van w3schools) ken ik wel, maar ik denk nog altijd in tabellen ipv div's. Eigenlijk gebruik ik bijna overal tabellen voor wat eigenlijk niet goed is, hier wil ik dus vanaf.
Weet iemand een goede tutorial over het indelen van je website dmv CSS? Of kan iemand me een voorbeeldje geven.
Neem nou bijvoorbeeld een contactformuliertje. Dit zet ik altijd in een tabel omdat alles dan netjes oonder elkaar en uitgelijnd is. Hoe zou ik zoiets in CSS kunnen aanpakken?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <fieldset> <legend>Mijn formulier</legend> <ul> <li> <label for="input1">Eerste input</label> <input name="mein_input" id="input1"> </li> <li> <label for="input2">Eerste input</label> <input name="meer_input" id="input2"> </li> <li> <label for="input3">Eerste input</label> <input name="laatste_input" id="input3"> </li> <li> <button type="submit">Verstuur</button> </li> </ul> </fieldset> </form> |
1 2 | UL, LI { list-style: none; margin:0; padding: 0; } |
'em' (en 'ex') zij maateenheden die beide afhankelijk zijn van het gekozen font en de fontgrootte:quote:Op zondag 14 mei 2006 11:25 schreef Da_Koen het volgende:
Dan nog een vraagje. Als ik het goed heb betekent "em" de hoogte van een lettertype? Maar wat betekent width:4em; dan precies? Kan iemand me dat uitleggen?
In feite is em dus overbodig?quote:Op zondag 14 mei 2006 11:32 schreef the_disheaver het volgende:
1em = 16 pixels.
1em heeft niet een vaste grootte, het is relatief. 1em geeft aan dat de lettergrootte 100% van de lettergrootte op die plek is. Uitleggen is lastig, een voorbeeld helpt waarschijnlijk meer:quote:Op zondag 14 mei 2006 11:32 schreef the_disheaver het volgende:
1em = 16 pixels.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <head><title>Font size</title> <style> body { font-size: 1em; } .a { font-size: 1.5em; } .b { font-size: 0.8em; } .c { font-size: 1em; } </style> </head> <body> X<span class="a">A</span><span class="b">B</span><span class="c">C</span>X<br> X<span class="a">A<span class="b">B<span class="c">C</span></span></span>X<br> X<span class="a">A</span><span class="b">B<span class="c">C</span></span>X<br> </body> </html> |
Thx, dat is een duidelijk verhaal.quote:Op zondag 14 mei 2006 13:02 schreef Light het volgende:
[..]
1em heeft niet een vaste grootte, het is relatief. 1em geeft aan dat de lettergrootte 100% van de lettergrootte op die plek is. Uitleggen is lastig, een voorbeeld helpt waarschijnlijk meer:
[ code verwijderd ]
Let op het verschil in grootte van de letters C, terwijl de ze allemaal in een class c staan en dus een grootte 1em hebben. De letters X zijn op iedere regel even groot.
Klopt, als je de hele site in "em" maakt dan is hij compleet resizable als de tekst vergroot wordt.quote:Op zondag 14 mei 2006 15:00 schreef Da_Koen het volgende:
[..]
Thx, dat is een duidelijk verhaal.
Maar waarom gebruikt men vaak width:4em;?? Heeft dit enkel te maken met het handmatig aanpassen van de fontsize in de browser? Dat de afstanden dan goed blijven?
edit:
Het beste zou dus zijn om je hele site in "em" te maken ipv "px"?
Als je zou willen dat alles mee schaalt wel.quote:Op zondag 14 mei 2006 15:00 schreef Da_Koen het volgende:
[..]
Thx, dat is een duidelijk verhaal.
Maar waarom gebruikt men vaak width:4em;?? Heeft dit enkel te maken met het handmatig aanpassen van de fontsize in de browser? Dat de afstanden dan goed blijven?
edit:
Het beste zou dus zijn om je hele site in "em" te maken ipv "px"?
1 ding: in opera 9 (beta 1) zit er geen ruimte tussen de submenu's. Wel geen border onderinquote:Op maandag 15 mei 2006 17:37 schreef Swetsenegger het volgende:
http://webshop.xploise.nl/test/menu.htm
Bovenstaand voorbeeld is prima in FF. In zowel Opera als Internet explorer, zit er ruimte tussen de submenu's en ontbreekt de onderste border bij het laatste child. Het laatste wordt met een DOM object opgelost, maar werkt dusduidelijk niet op IE en Opera
Alle CSS en javascript staat in de html. Misschien dat iemand wat tips heeft om het menuutje crossbrowser mooi te krijgen.
Beta browsers trek ik me nog maar even niets van aanquote:Op maandag 15 mei 2006 20:08 schreef the_disheaver het volgende:
[..]
1 ding: in opera 9 (beta 1) zit er geen ruimte tussen de submenu's. Wel geen border onderin
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 | list-style: none; } #vertnav{ padding:0; margin:0; } #vertnav ul { padding: 0; margin:0; list-style: none; width:167px; z-index:99; position:absolute; overflow:visible; } #vertnav li { position: relative; cursor:pointer; cursor:hand; margin:0; width:171px; padding:0 2px; background-color:rgb(212,213,225); border-bottom:1px solid rgb(138, 139, 152); display:block; height:20px; line-height:20px; } #vertnav a { text-decoration:none; display:block; width:171px; height:20px; } #vertnav a:hover, #vertnav li:hover{ background-color:rgb(179,181,196); } #vertnav ul li:hover, #vertnav ul li a:hover{ background-color:rgb(179,181,196); } #vertnav ul, #vertnav ul ul, #vertnav ul ul ul{ display:none; position:absolute; top:0; left:175px; } /* non-IE browsers see this */ #vertnav ul li>ul, #vertnav ul ul li>ul{ margin-top:0; } #vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{ display:none; } #vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{ display:block; } li>ul { top: -1px; left: -5px; } /* Win IE only \*/ * html #vertnav li{float:left;} /* end holly hack */ |
Voor wat het waard is, in IE 7 beta werkt het ook goed!quote:Op dinsdag 16 mei 2006 08:37 schreef Swetsenegger het volgende:
Iemand een idee?
Ik krijg hetzelfde effect in Firefox wanneer ik de z-index weghaal in #vertnav ul
-edit-
Opgelost. Het menu schuift over een floating div, die ik nog een 'position: relative' had mee gegeven. Position uit die float gehaald en het werkt naar behoren
ik zou ook iig je alfabet-letters wat aanpassen in je lexicon. als ik nu op de E of de K ga staan blijven ze verspringen namelijk :'0quote:Op woensdag 17 mei 2006 11:10 schreef super-muffin het volgende:
Waarom is de div #inhoud niet tot de onderkant? maar issie 100% van het browser venster + header?
Ik snap niet waarom die dat doet
-edit-
linkje zou handig zijn
www.danielpunt.nl/akxifo
hoe doe ik het met javascript? Ik ken zelf niet echt veel javascript, maar kan het wel gebruiken.quote:Op woensdag 17 mei 2006 11:25 schreef Desdinova het volgende:
als height 100% is, is hij de waarde van je hele website-toonbare deel van je browser. maar omdat je daarboven een header hebt, begint die div lager. terwijl hij wel de 100% hoogte heeft.
op mijn resolutie klopt je site helemaal niet verwacht ik, maar dat kan misschien door de nog-in-ontwikkeling-fase komen
er is geen manier om 100% - header te doen. tenzij je javascript zou gebruiken maar dat is weer omslachtig.
1 2 3 | position: relative; } |
viewportquote:Op woensdag 17 mei 2006 11:37 schreef RM-rf het volgende:
viewbox
nee, position: relative doet niks.quote:Op woensdag 17 mei 2006 11:37 schreef RM-rf het volgende:
Om compleet te zijn... een percentuele hoogte betekent dat de hoogte bepaald wordt door het parent-element met 'layout' (wat betekent dat dat element een opgegeven breedte, hoogte of positionering moet kennen, eventueel gewoon hard 'position: relative;')..
In het geval van het element #content lijkt dat de viewbox te zijn, dat is het browservenster, eigenlijk te vertalen met het element HTML (in msie dacht ik de BODY tag, iig in quirky mode)
Volgens mij is dit probleem op te lossen door je element #head een position: relative; te geven:
[ code verwijderd ]
Dat kwam om dat #box een height heeft van 600px; dat is nu al opgelost.quote:Op woensdag 17 mei 2006 11:38 schreef Desdinova het volgende:
ik zit op een laptop met 1400xnogiets. maar op 1600x1200 zal hij het ook niet prima doen. hij is geen 100% bij mij, maar houdt ongeveer 200px eerder op. in internet explorer dan. heb hem niet bekeken met opera/netscape/firefox
quottjes omheen?quote:Op woensdag 17 mei 2006 12:43 schreef super-muffin het volgende:
nee, hij staat gewoon in de root.
[ code verwijderd ]
Als je puur visueel die kolommen tot onder door wilt laten lopen zou ik kiezen voor een oplossing als faux columns.quote:Op woensdag 17 mei 2006 16:25 schreef super-muffin het volgende:
dan nog steeds niet.
Maar ik wil eerst even dat andere probleem oplossen, dan kan ik verder.
De gene waar voor ik die website maak wil dat die tot de onderkant loopt. Het moet dus, hoe kan ik het oplossen met Javascript of moet ik heel de code anders in elkaar zetten?
Dat heb ik nu ook toegepast op mijn eigen website, maar dat is gewoon 1 lange div, daar staat geen header boven zoals in dit gevalquote:Op woensdag 17 mei 2006 16:39 schreef Desdinova het volgende:
voor javascript kan je beter naar het javascript topic, kan ik je ook niet mee verder helpen helaas..
en anders als backgroundimage in je body. want dit is in mijn ervaring een regelrechte CSS hel. en ik heb er nooit degelijk antwoord op gekregen ook.
in iexplore zou je iig gewoon een height: 100%; op kunnen geven. en voor ff/ns/opera min-height: 100%;. maar zodra je content eroverheen loopt gaat het de zeik in bij ff/ns/opera.
Dit zou moeten werken:quote:Op woensdag 17 mei 2006 19:29 schreef super-muffin het volgende:
[..]
Dat heb ik nu ook toegepast op mijn eigen website, maar dat is gewoon 1 lange div, daar staat geen header boven zoals in dit geval
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | width:750px; height: 100%; overflow:hidden; background-color: #0099ff; margin: 0px auto; text-align:left; background: url(header.jpg) top left no-repeat;} #content { width:400px; height: 87%; margin-bottom: 0; float:left; background: #fff url(bg-content.gif) no-repeat right bottom;} |
Volkomen afhankelijk van de afmetingen van de viewport van de gebruiker, en daarom een ongeschikte oplossing imo.quote:Op zaterdag 20 mei 2006 01:52 schreef Castor het volgende:
[..]
Dit zou moeten werken:
[ code verwijderd ]
#box op een height van 100% gezet met een overflow hidden. Vervolgens de #content een height geven van ongeveer 90%.
Het is een simpele oplossing die met de meest gangbare resoluties prima werkt. Het enige is dat je bij een kleinere viewport niet de complete background image ziet. Niet echt onoverkomelijk imho.quote:Op zondag 21 mei 2006 11:14 schreef CraZaay het volgende:
[..]
Volkomen afhankelijk van de afmetingen van de viewport van de gebruiker, en daarom een ongeschikte oplossing imo.
Dat is inderdaad een persoonlijke afweging die je moet maken. Persoonlijk vind ik het volkomen onacceptabel om geen volledige controle te hebben over het resultaat van de code, maar dat ben ikquote:Op maandag 22 mei 2006 01:18 schreef Castor het volgende:
[..]
Het is een simpele oplossing die met de meest gangbare resoluties prima werkt. Het enige is dat je bij een kleinere viewport niet de complete background image ziet. Niet echt onoverkomelijk imho.
Ik vind het ook geen goede oplossing, maar wel bedankt voor het mee mee denkenquote:Op maandag 22 mei 2006 09:11 schreef CraZaay het volgende:
[..]
Dat is inderdaad een persoonlijke afweging die je moet maken. Persoonlijk vind ik het volkomen onacceptabel om geen volledige controle te hebben over het resultaat van de code, maar dat ben ik
ik denk dat er problemen zijn met de paddingquote:Op maandag 22 mei 2006 16:11 schreef Desdinova het volgende:
@nevermind
geef je content-div eens een backgroundkleurtje? ik denk dattie zich verstopt
1 |
Totaal los van je vraag toch een tip: bouw je html semantisch. Met andere woorden: gebruik minder div's en meer beschrijvende elementen. Je kop kan bijvoorbeeld prima uit de div en in een h1, en de div rond je ul is in principe ook onnodig.quote:Op maandag 22 mei 2006 15:37 schreef Nevermind het volgende:
Waarom ziet dit er in Firefox zo Mooi en Strak uit, en laat IE de halve pagina niet zien?
Jammer Die tabellen heb je toch ook moeten leren te gebruiken? CSS leren kan soms frustrerend zijn, maar is om tig redenen beter dan tabellen (uit puristisch oogpunt gezien, maar zeker ook qua toegankelijkheid voor o.a. zoekmachines en visueel gehandicapten).quote:Op maandag 22 mei 2006 18:05 schreef Nevermind het volgende:
Pff, ik stap wel weer over op tabellen. Een hele middag kloten terwijl ik het in een minuut in elkaar heb met tabellen. En bedankt voor de tip CraZaay
Niets is bedoeld voor lay-out En alles is bedoeld voor het aangeven van de structuur van de data Dat je al deze beschrijvende elementen kan stylen is natuurlijk heel mooi meegenomen (scheiding van structuur en weergave).quote:Op maandag 22 mei 2006 19:09 schreef DionysuZ het volgende:
tabellen zijn niet bedoeld voor layout.
Ik weet het. Maar mijn doorzettingsvermogen heeft zijn grenzen. Vooral omdat ik, zoals je zag, bezig ben met een cms, en niet dagen bezig wil zijn om verschillende browsers compatibel te krijgen met een site (die waarschijnlijk alleen door mij en mijn huisgenoot gebruikt wordt ).quote:Op maandag 22 mei 2006 18:47 schreef CraZaay het volgende:
[..]
Jammer Die tabellen heb je toch ook moeten leren te gebruiken? CSS leren kan soms frustrerend zijn, maar is om tig redenen beter dan tabellen (uit puristisch oogpunt gezien, maar zeker ook qua toegankelijkheid voor o.a. zoekmachines en visueel gehandicapten).
Dat is OF heel erg knap, OF je maakt erg simpele sites. De meeste gewone stervelingen moeten voor sommige complexe CSS toch wel een of meerdere "hacks" gebruiken.quote:Op maandag 22 mei 2006 19:53 schreef CraZaay het volgende:
Het blijft een kwestie van ervaring. Ik maak tig sites en kan het me niet herinneren wanneer ik voor het laatst een CSS hack heb moeten gebruiken om iets voor elkaar te krijgen wat in iedere browser werkt (IE6+, dat wel). Doorrrrrgaan zou Barry Stevens zeggen
Laten we het houden op een goed inzicht in structuren, want ik wil niet van mezelf zeggen dat ik knap ben, maar ook allerminst dat ik simpele sites html/css.quote:Op dinsdag 23 mei 2006 01:08 schreef Castor het volgende:
[..]
Dat is OF heel erg knap, OF je maakt erg simpele sites. De meeste gewone stervelingen moeten voor sommige complexe CSS toch wel een of meerdere "hacks" gebruiken.
De namen zeggen het al een beetje, een id (identifier) moet uniek zijn en mag je op een pagina maar één keer gebruiken, een terwijl meerdere elementen tot een bepaalde class (klasse) kunnen behoren.quote:Op maandag 29 mei 2006 21:33 schreef Da_Koen het volgende:
Kan iemand me misschien uitleggen wat het verschil is tussen id="iets" en class="iets"? Er gebeurt namelijk het zelfde, maar er zal vast een duidelijk verschill tussen zijn
thx voor de linkquote:Op maandag 29 mei 2006 21:46 schreef Berkery het volgende:
[..]
De namen zeggen het al een beetje, een id (identifier) moet uniek zijn en mag je op een pagina maar één keer gebruiken, een terwijl meerdere elementen tot een bepaalde class (klasse) kunnen behoren.
Zie ook http://www.handleidinghtml.nl/css/selectors/selectors04.html
ik heb het opgelost door:quote:Op maandag 29 mei 2006 21:35 schreef DionysuZ het volgende:
ik heb een vraagje waar ik maar niet uitkom. Ben bezig met een site die met 3 kolommen werkt. Nu moeten die drie kolommen van dezelfde lengte zijn. De middelste kolom is degene waarin een tekst van variabele lengte komt te staan en de anderen zijn menukolommen. Nu gebruikte ik altijd de faux columns manier om dit op te lossen (eerder in deze topic gelinkt), maar in dit specifieke geval is dit niet mogelijk. De achtergrond van de kolommen is nl. een image ipv gewoon een kleur. Weet iemand hoe ik dit kan oplossen?
1 2 3 4 5 | background: #ffffff url(./images/shadow.gif) repeat-y 506px 120px; } |
link doet het nietquote:Op maandag 29 mei 2006 22:21 schreef DionysuZ het volgende:
nee daar heb ik helaas niets aan omdat de body al een achtergrond heeft. kijk op http://mankind2.clickthis.nl voor een voorbeeld. In IE ziet het er goed uit, firefox helaas niet.
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 | <head> <title>OBN toevoegen</title> <style type="text/css"> p { width: 300px; } span { width: 100px; } </style> <head> <body> <p> <span>dsssss</span> sss ssss sssssss ssssss ssssss ssssss sssssss ss sssssss sfsdf sdfsdfsd fsdf sdfsdf sdfsdf </p> <p> <span>dsssss</span> dssss svsss ssssv vsss ssss ssvv sssss ssss s ssssss sssss ss ssss ssssss fsdf sdf sdfsd fsdf sdfs df sdfsdf </p> </body> </html> |
Een span is "display: inline" maak er "display:block" van en dan kun je er een width aan geven.quote:Op maandag 29 mei 2006 23:09 schreef Da_Koen het volgende:
Weer een vraagje
Is het mogelijk om een span een bepaalde lengte te geven? Het volgende werkt namelijk niet:
1 Code verwijderd.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | width: 157px; height: 120px; /*border:1px dotted;*/ margin-top:13px; margin-left:1px; background: #D3E6CF url(schaduw.jpg) no-repeat 0 0; } div#box2a2{ width: 150px; height: 113px; /*border:1px dotted;*/ margin-top:10px; margin-left:7px; background: #D3E6CF url(test.jpg) no-repeat 0 0; } |
1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | width: 157px; height: 120px; /*border:1px dotted;*/ margin-top:13px; background: #D3E6CF url(schaduw.jpg) no-repeat 0 0; } div#box2a2{ width: 150px; height: 113px; /*border:1px dotted;*/ margin-left:7px; background: #D3E6CF url(test.jpg) no-repeat 0 0; } |
quote:Op woensdag 31 mei 2006 15:39 schreef super-muffin het volgende:
[ code verwijderd ]
lost het op
waarom is de de border een comment overigens?
1 2 3 4 5 6 | height: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; |
1 |
Probeer eens 'overflow: auto' op je bodyquote:Op vrijdag 2 juni 2006 16:51 schreef mrbombastic het volgende:
Als ik in quirksmode werk dan krijg ik geen verticale scrollbalk, anders wel.
Hoe kom ik van mijn verticale scrollbalk af (op een nette manier).
Ten eerste, je kunt die margin in 2 property gooien.quote:Op vrijdag 2 juni 2006 16:51 schreef mrbombastic het volgende:
Als ik in quirksmode werk dan krijg ik geen verticale scrollbalk, anders wel.
Hoe kom ik van mijn verticale scrollbalk af (op een nette manier).
Begin CSS code
[ code verwijderd ]
Tabel
[ code verwijderd ]
1 |
1 2 3 4 5 6 7 8 9 | height: 100%; margin: 0; } #naam { width: 100%; height: 100%; background-color: #ffe4b5; } |
1 2 3 | inhoud van deze DIV </div> |
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 | Naam: <input name="naam" type="text" id="naam" size="35"> <br> Achternaam: <input name="achternaam" type="text" id="achternaam" size="35"> <br> Man <input type="radio" name="radiobutton" value="man" checked> Vrouw <input type="radio" name="radiobutton" value="vrouw"> <br> straat: <input name="straat" type="text" id="straat"> <input name="nr" type="text" id="nr" size="6" maxlength="6"> <br> postcode: <input name="postcode" type="text" id="postcode" size="6" maxlength="6"> <br> plaats: <input name="plaats" type="text" id="plaats" size="35"> <br> Email: <input name="mail" type="text" id="mail" onBlur="MM_validateForm ('naam','','R','mail','','RisEmail');return document.MM_returnValue" value="" size="35"> <br> Bericht: <textarea name="Bericht" cols="27" id="Bericht"></textarea> <br> <input type="submit" name="Submit" value="send"> <input type="reset" name="Reset" value="reset"> <input name="MailToAddress" type="hidden" value="...@hotmail.com"> </form> |
Labels gebruiken en deze met CSS een bepaalde breedte geven.quote:Op dinsdag 13 juni 2006 17:06 schreef Hunchy het volgende:
Hoe krijg ik de invulvakken van de volgende code netjes onder elkaar zonder gebruik te maken van tabellen? Ik wil het realiseren m.b.v. css. Wat is de meest snelle/logische manier? Nu worden ze direct achter de tekt uitgelijnt.
Aan die blauwe balken een class hangen (dus aan de td of div of wat je ook gebruikt), en dan in de css:quote:Op vrijdag 16 juni 2006 17:35 schreef FredvZ het volgende:
Hoe krijg ik met CSS voor elkaar dat alleen de linkjes in de blauwe balken "bold #FFFFEE" worden?
1 2 3 4 | color: #FFFFEE; font-weight: bold; } |
hmja, dat snap ik, maar zo ging het vroeger met html...quote:Op vrijdag 16 juni 2006 18:17 schreef SuperRembo het volgende:
Haal eerst eens al die <font> <center> bgcolor="" en border="" zooi weg anders wordt het nooit wat.
thnxquote:Op vrijdag 16 juni 2006 18:27 schreef CraZaay het volgende:
Aan die blauwe balken een class hangen (dus aan de td of div of wat je ook gebruikt), en dan in de css:
[ code verwijderd ]
Dus géén class aan de links zelf hangen, want dat moet je dat voor iedere link doen en da's dus nogal wat redundante code
Dat is de margin die standaard op een header zit.quote:Op woensdag 21 juni 2006 20:53 schreef Autoreply het volgende:
Als ik een <h5> bijvoorbeeld ergens om plaats wordt er direct een witregel boven en onder geplaats, irritant, maar ala.
Hij gebruikt de kleur van de link. De kleur van de link gaat voor de kleur van de header omdat de selctor van de link (a:link) meer specifiek is dan die van de header (h5). Dat kan je bijvoorbeeld oplossen metquote:Wat ik echter niet snap is dat in het menu de eerste link "homepage" een h5 tag heeft, wél de meeste opmaakzaken meeneemt, maar níet de tekstkleur die ik wil. Wat is de oorzaak?
1 |
Als je geen marges wilt doe jequote:Op woensdag 21 juni 2006 20:53 schreef Autoreply het volgende:
Als ik een <h5> bijvoorbeeld ergens om plaats wordt er direct een witregel boven en onder geplaats, irritant, maar ala.
1 2 3 | margin: 0; } |
Heb je deze al eens bekeken?quote:Op donderdag 22 juni 2006 11:16 schreef Foxxy het volgende:
Dummy meldt zich . Ik wil een site maken aan de hand van CSS aangezien mij is verteld dat gewone tabellen echt niet meer kunnen en de mogelijkheden van CSS mij wel aanspreken.
standaard value op "........." zetten, en dan de textvakken een border van "0" geven etc.quote:Op vrijdag 23 juni 2006 17:19 schreef Hunchy het volgende:
Ik ben bezig met het maken van een css file om te printen. Nu zou ik graag i.p.v. de textvakken in mijn contactformulier puntjes willen printen. Hoe krijg ik dit het makkelijkst voor elkaar? Ik heb het nu geprobeerd door de puntjes op de site 'hidden' weer te geven en bij de print gewoon zichtbaar. Helaas komen de puntjes niet op de plaats van de textvakken te staan. Iemand een idee?
Bedoel je dat ik het formulier gewoon twee keer moet maken 1 zichtbaar en 1 onzichtbaar? En dan andersom zichtbaar bij de print versie? Of kun je de standaard waarde zichtbaar en onzichtbaar maken? Het is de bedoeling dat ik op het scherm gewoon de standaard vakken krijg. Dus alleen puntjes bij de printversie.quote:Op vrijdag 23 juni 2006 17:27 schreef qu63 het volgende:
[..]
standaard value op "........." zetten, en dan de textvakken een border van "0" geven etc.
Weet ik!quote:Op donderdag 22 juni 2006 17:25 schreef HenkBenzinetank het volgende:
Vergeet niet dat CSS niet de sleutel tot een geslaagd design is.
Het is slechts een manier om het gedrag/opmaak van je html-elementen te veranderen.
Een goed design staat of valt nog steeds met de opbouw van je html-code.
Kijk, hier kan ik wat mee! Dank je.quote:
In je print-sheet de border van het invoerveld op 0 zetten, en de border-bottom op 1px dotted blackquote:Op vrijdag 23 juni 2006 17:19 schreef Hunchy het volgende:
Ik ben bezig met het maken van een css file om te printen. Nu zou ik graag i.p.v. de textvakken in mijn contactformulier puntjes willen printen. Hoe krijg ik dit het makkelijkst voor elkaar? Ik heb het nu geprobeerd door de puntjes op de site 'hidden' weer te geven en bij de print gewoon zichtbaar. Helaas komen de puntjes niet op de plaats van de textvakken te staan. Iemand een idee?
Besef wel dat je met het op deze manier centreren een deel van de div onzichtbaar wordt wanneer de viewport kleiner is dan de div. Horizontaal centreren daarom met 'margin: 0 auto' (en verticaal centreren kan niet fatsoenlijk met alleen CSS ).quote:
verticaal centreren kan WEL fatsoenlijk met alleen CSS. Heb dit al verschillende malen bij sites geprobeerd. De voorgestelde oplossing is gedeeltelijk de oplossing, ware het niet dat de site deels wegvalt bij een kleinere viewport, maar daar heb je weer andere css constructies voor.quote:Op donderdag 29 juni 2006 01:30 schreef CraZaay het volgende:
[..]
Besef wel dat je met het op deze manier centreren een deel van de div onzichtbaar wordt wanneer de viewport kleiner is dan de div. Horizontaal centreren daarom met 'margin: 0 auto' (en verticaal centreren kan niet fatsoenlijk met alleen CSS ).
Erm, is dit niet precies wat ik zeg? Een deel valt weg, en het is daarom geen fatsoenlijke oplossing.quote:Op donderdag 29 juni 2006 04:48 schreef DionysuZ het volgende:
[..]
verticaal centreren kan WEL fatsoenlijk met alleen CSS. Heb dit al verschillende malen bij sites geprobeerd. De voorgestelde oplossing is gedeeltelijk de oplossing, ware het niet dat de site deels wegvalt bij een kleinere viewport, maar daar heb je weer andere css constructies voor.
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 | <dl id="menu"> <dt onmouseover="javascript:schuif('smenu0');" onmouseout="javascript:schuif();"><a href="/nieuw1/">Home</a></dt> <dt onmouseover="javascript:schuif('smenu1');" onmouseout="javascript:schuif();"><a href="#">Groep</a></dt> <dd id="smenu1" onmouseover="javascript:schuif('smenu1');" onmouseout="javascript:schuif();"> <ul> <li><a href="#">Tekst</a></li> </ul> </dd> <dt onmouseover="javascript:schuif('smenu4');" onmouseout="javascript:schuif();"><a href="#">Groep</a></dt> <dd id="smenu4" onmouseover="javascript:schuif('smenu4');" onmouseout="javascript:schuif();"> <ul> <li><a href="#">Tekst</a></li> </ul> </dd> <dt onmouseover="javascript:schuif('smenu5');" onmouseout="javascript:schuif();"><a href="#">Groep</a></dt> <dd id="smenu5" onmouseover="javascript:schuif('smenu5');" onmouseout="javascript:schuif();"> <ul> <li><a href="#">Nog</a></li> <li><a href="#">Invullen</a></li> </ul> </dd> <dt onmouseover="javascript:schuif('smenu6');" onmouseout="javascript:schuif();"><a href="/nieuw1/pages/contact.html">Contact</a></dt> </dl></div> <div id="inhoud"> <h4>Tekst....................</h4> <div id="fotofront"> <a href="javascript:SLIDES.hotlink()"><img name="SLIDESIMG" src="../images/IM000189.JPG" border="0" style="filter:progid:DXImageTransform.Microsoft.Fade()" alt="Slideshow image"></a> </div> </div> |
1 2 3 4 5 6 7 8 9 10 | #inhoud { color: #404040; background-color: #fefdd3; text-align: left; display: block; margin: 0 0 0 160px; padding: 10px 0 0 20px; z-index: 1; width: 760px } #fotofront { color: #404040; background-color: #fefdd3; text-align: center; display: block; margin: auto; padding: 10px 0; z-index: 2; width: 740px; height: 500px; vertical-align: middle } #menu dt { color: #eb4b2b; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 27px; background: #f9ee00; text-align: center; cursor: pointer; margin: 0; padding: 0; z-index: 101; height: 27px; border-style: solid; border-width: 0 1px 1px 8px; border-color: #eb4b2b } #menu dt a:hover { color: #f9ee00; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 27px; background: #eb4b2b; text-align: center; cursor: pointer; margin: 0; padding: 0; z-index: 101; height: 27px } #menu dd { color: #EB4B2B; font-family: Verdana, Arial, Helvetica, sans-serif; background: #F9EE00; margin-top: -1.5em; position: absolute; z-index: 100; right: 8em; left: 140px; width: 9.5em; border-style: solid; border-width: 0 1px 1px; border-color: #EB4B2B } #menu ul { margin: 0; padding: 0; z-index: 102 } #menu li { color: #eb4b2b; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background: #f9ee00; text-align: center; margin: 0; padding: 0; z-index: 103; height: 18px; border-style: solid; border-width: 1px 0 0; border-color: #eb4b2b } #menu li a, #menu dt a { color: #404040; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; z-index: 103; height: 18px; overflow: visible } #menu li a:hover { color: #f9ee00; font-family: Verdana, Arial, Helvetica, sans-serif; background: #eb4b2b; z-index: 103; height: 18px; overflow: visible } |
http://www.bbfmetaal.nl/nieuw1/quote:Op vrijdag 30 juni 2006 16:35 schreef super-muffin het volgende:
Heb je een online voorbeeld, want wij kunnen jou javascript niet zien zo
Noob en aan het leren. Ik zal daar eens naar kijken. Dank je.quote:Op vrijdag 30 juni 2006 16:50 schreef super-muffin het volgende:
Oke, ik ga zo even naar kijken.
Maar ik moet zeggen dat ik geen expert ben op JS gebied.
Waarom heb je hier trouwens een defenition list voor gebruikt een geen UL?
Ik heb het boek van Zeldman liggen. Moet ik nog aan beginnen. Nu eerst het strand op.quote:Op zaterdag 1 juli 2006 10:09 schreef super-muffin het volgende:
Ik zou als ik jou was eens kijken op alistapart.com of cssplay.co.uk naar een menu
1 2 | <a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">link2</a> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | font-size: small; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; cursor:pointer; } a.glink:hover{ background-image: url(images/glblnav_selected.gif); text-decoration: none; } |
door a.glink:visited ook toe te voegen geloof ik, dan gaat ie wel naar 1.php#, maar verder niet. je zou ook <span> of <div> kinnen gebruiken als je de href toch niet gebruiktquote:Op maandag 10 juli 2006 09:12 schreef mschol het volgende:
ik heb het volgende 'probleem'
ik heb de volgende code:
[ code verwijderd ]
samen met de volgende CSS code
[ code verwijderd ]
hoe kan ik dit zo aan passen dat de style behouden blijft maar dat het geen hyperlinks meer zijn..?
een voorbeeldje is hier te zien:
http://fia181-83.dsl.hccnet.nl/anime_argeweb/1.php
ahh <span> is idd de oplossingquote:Op maandag 10 juli 2006 09:18 schreef qu63 het volgende:
[..]
door a.glink:visited ook toe te voegen geloof ik, dan gaat ie wel naar 1.php#, maar verder niet. je zou ook <span> of <div> kinnen gebruiken als je de href toch niet gebruikt
span.glink:Hover zou moeten werken hoorquote:Op maandag 10 juli 2006 09:32 schreef mschol het volgende:
[..]
ahh <span> is idd de oplossing
alleen werkt het Hover effect dan niet meer
hoe zou ik dat kunnen fixen?
hmmm om de een of andere reden pakt IE die dus niet..quote:
quote:Op maandag 10 juli 2006 10:23 schreef super-muffin het volgende:
IE kan alleen hoveren op A
Er is wel een fix voor.
http://www.xs4all.nl/~peterned/csshover.html
1 2 3 4 5 6 7 8 9 | <div class="header">Navigatie</div> <div class="navpanel_deco"> </div> <div class="navpanel_items"> <a href="http://site.nl/fp/1">Voorpagina</a> <a href="http://site.nl/fp/2">Blaat</a> <a href="http://site.nl/fp/3">Nog wat</a> </div> </div> |
1 2 3 4 5 | width: 20px; border-right: 1px solid #b5c0c8; margin-right: 5px; float: left; } |
Ik zat inderdaad weer veel te moeilijk te denken, thx!quote:Op zondag 16 juli 2006 02:18 schreef Roönaän het volgende:
Kan je deco niet een container div van items maken met een padding-left erin?
Dat was inderdaad een domme fout Heeft verder geen effect op het resultaat.quote:Op dinsdag 18 juli 2006 09:29 schreef Desdinova het volgende:
@nevermind
je hebt 2x #content gedefineerd met verschillende widths
Ze hoeven toch ook niet beide een float te hebben? Of heb ik mijn basis-CSS verkeerd begrepen? Met display: inline verandert er helaas niets. Ik heb de nieuwe versie geupload naar dezelfde locatie.quote:tevens zie ik in #nav een float staan, maar in #content niet. Je zou kunnen proberen om #nav een display: inline; te kunnen geven aangezien IE soms de margins wil verdubbelen.
Yes! Hartstikke bedankt!quote:Op dinsdag 18 juli 2006 11:17 schreef Desdinova het volgende:
geef je #content een float: left;
dat fixed het bij mij
display inline kan weer weg
Ik ben benieuwd of dat het is! Dit zijn meestal de dingen waardoor ik depri word wanneer ik een layout geheel in CSS probeer te maken en waardoor ik doorgaans weer terugval op tabellen. Bedankt voor je hulp en de verklaringquote:edit
waarschijnlijk komt dat omdat je body een text-align center heeft, en IE zonder problemen alles gecentreerd uitlijnt, in tegenstelling tot de degelijke browsers. en aangezien #content geen margin: 0 auto; heeft wordt er blijkbaar niet naar geluisterd door FF, waardoor hij hem gewoon default links knalt.
denk ik.
dat klopt.quote:Op dinsdag 18 juli 2006 11:17 schreef Desdinova het volgende:
geef je #content een float: left;
dat fixed het bij mij
display inline kan weer weg
edit
waarschijnlijk komt dat omdat je body een text-align center heeft, en IE zonder problemen alles gecentreerd uitlijnt, in tegenstelling tot de degelijke browsers. en aangezien #content geen margin: 0 auto; heeft wordt er blijkbaar niet naar geluisterd door FF, waardoor hij hem gewoon default links knalt.
denk ik.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |