DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Is het misschien een optie om een mod de laatste post van het vorige topic aan te passen met een verwijzing naar dit topic? Of vraag ik dan teveel?
Verkapte TVP
Verkapte TVP
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
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>
Andere oplossing? Toevoegingen?
.
er staat trouwens geen dubbele quote voor 100% bij height?
ik kom er ECHT niet uit.. even niet letten op incompatibiliteit met PHP want dat zit in t echte script wel snor
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>
ik kom er ECHT niet uit.. even niet letten op incompatibiliteit met PHP want dat zit in t echte script wel snor
As a rule, I never touch anything more sophisticated and delicate than myself.
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?
niet dat het verschil maakt, maar ik houd wel van nette code
.
<IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content" scrolling="no">[knip errortekst]</IFRAME>
scrolling="no" heb ik er toch maar weer uitgehaald, aangezien ik op zijn minst wél de scrollbalken wil hebben. Maar hoe zorg ik ervoor dat Internet Explorer netjes omgaat met de inhoud?
FireFox zet dus 'goed' de verticale scrollbalk neer en zorg dat de inhoud wordt aangepast. Internet Explorer behoudt de breedte van de inhoud en plaatst DAN PAS de verticale scrollbalk. Daar komt de horizontale scrollbalk om de hoek kijken, aangezien daar te weinig ruimte voor is op dat moment.
scrolling="no" heb ik er toch maar weer uitgehaald, aangezien ik op zijn minst wél de scrollbalken wil hebben. Maar hoe zorg ik ervoor dat Internet Explorer netjes omgaat met de inhoud?
FireFox zet dus 'goed' de verticale scrollbalk neer en zorg dat de inhoud wordt aangepast. Internet Explorer behoudt de breedte van de inhoud en plaatst DAN PAS de verticale scrollbalk. Daar komt de horizontale scrollbalk om de hoek kijken, aangezien daar te weinig ruimte voor is op dat moment.
.
als je in je body van de pagina in je iframe een margin zet? margin-right: 20px; ofzo?
As a rule, I never touch anything more sophisticated and delicate than myself.
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:
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...
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:
| 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 { } |
Ik heb lopen zoeken hoe dat precies zit met position etc., maar ik kom er niet uit . Wie helpt?
. Wie helpt?the_disheaver, de laatste post in het vorige topic was voor mij? Want dan gaat het niet helemaal werken...
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?
.
zet om die 2 divs een container div, dan ben je klaar denk ik.
As a rule, I never touch anything more sophisticated and delicate than myself.
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?
je zou padding-right kunnen proberen.. voor de volledigheid.
waarom pakt Opera + Netscape <body style="text-align: center;"> niet btw? hij blijft mn content links uitlijnen..
As a rule, I never touch anything more sophisticated and delicate than myself.
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:
As a rule, I never touch anything more sophisticated and delicate than myself.
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...
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.
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.
As a rule, I never touch anything more sophisticated and delicate than myself.
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.
.
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.
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?
As a rule, I never touch anything more sophisticated and delicate than myself.
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> |
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...
<body style="text-align: center;">
<center>
<div id="header">
</div>
<div style="width: 800px; margin: 0px; padding: 0px;">
<div id="centercolumn" style="float: left;"></div>
<div id="rightcolumn" style="float: left;"></div>
</div>
</body>
ik heb width: 800px; gedaan, je kan beter even kijken hoe breed je je header hebt en die breedtje gebruiken. dit kan je allemaal weer rechtstreeks in je sheet zetten natuurlijk.
<center>
<div id="header">
</div>
<div style="width: 800px; margin: 0px; padding: 0px;">
<div id="centercolumn" style="float: left;"></div>
<div id="rightcolumn" style="float: left;"></div>
</div>
</body>
ik heb width: 800px; gedaan, je kan beter even kijken hoe breed je je header hebt en die breedtje gebruiken. dit kan je allemaal weer rechtstreeks in je sheet zetten natuurlijk.
As a rule, I never touch anything more sophisticated and delicate than myself.
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...
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?
As a rule, I never touch anything more sophisticated and delicate than myself.
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?
Ik heb het denk ik opgelost:
Idd met float dus Maar moest de centercolumn ook vertellen dat die rechts moest floaten
| 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; } |
Idd met float dus Maar moest de centercolumn ook vertellen dat die rechts moest floaten
@ ViperII
het lijkt erop van niet. Alleen in netscape en FF werkt het niet okee. Het ziet er wel goed uit, maar met het scrollwieltje is er 200pixels naar beneden te scrollen (er zijn geen scrollbalken).
@ disheaver
kan, maar werkt niet.
misschien als ik dan bij de andere divs de 100% weghaal, maar dan klopt de layout niet meer. de divs hebben een backgroundimage, en eentje draagt de content, dus die moet ook een overflow krijgen.
het lijkt erop van niet. Alleen in netscape en FF werkt het niet okee. Het ziet er wel goed uit, maar met het scrollwieltje is er 200pixels naar beneden te scrollen (er zijn geen scrollbalken).
@ disheaver
kan, maar werkt niet.
misschien als ik dan bij de andere divs de 100% weghaal, maar dan klopt de layout niet meer. de divs hebben een backgroundimage, en eentje draagt de content, dus die moet ook een overflow krijgen.
As a rule, I never touch anything more sophisticated and delicate than myself.
Even een klein vraagje:
ik heb het volgende:
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?
ik heb het volgende:
| 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> |
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?
Hey,
in Firefox en MSIE doet ie het prima, maar niet in Opera. Het effect van de links werkt wel, maar de kleuren niet?
[ Bericht 61% gewijzigd door dewitteparel op 25-03-2006 19:01:55 (leesvriendelijk gemaakt ;)) ]
in Firefox en MSIE doet ie het prima, maar niet in Opera. Het effect van de links werkt wel, maar de kleuren 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 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; } |
[ Bericht 61% gewijzigd door dewitteparel op 25-03-2006 19:01:55 (leesvriendelijk gemaakt ;)) ]
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 .
, maar het werkt wel 
dank!
Is het mogelijk om in 1 stylesheet meerdere kleuren te gebruiken voor linkjes?
Ik heb namelijk een menu waarvan de linkjes wit moeten zijn. Maar in de rest van de pagina's moeten ze zwart zijn. Maar nu blijkt dus dat het niet mogelijk is om een classe aan een a href te hangen.
Ik weet dat het kan als je gaat kutten met lists, maar ook dat voorkom ik liever.
Kortom, hoe krijg ik voor elkaar dat je met 1 stylesheet gebruik kunt maken van 2 types urls met elk andere kleuren en andere CSS attributen?
Dwz. in het menu zijn ze wit en in de rest van de pagina zwart .
[ Bericht 20% gewijzigd door blieblie op 25-03-2006 21:17:31 ]
Ik heb namelijk een menu waarvan de linkjes wit moeten zijn. Maar in de rest van de pagina's moeten ze zwart zijn. Maar nu blijkt dus dat het niet mogelijk is om een classe aan een a href te hangen.
Ik weet dat het kan als je gaat kutten met lists, maar ook dat voorkom ik liever.
Kortom, hoe krijg ik voor elkaar dat je met 1 stylesheet gebruik kunt maken van 2 types urls met elk andere kleuren en andere CSS attributen?
Dwz. in het menu zijn ze wit en in de rest van de pagina zwart .
[ Bericht 20% gewijzigd door blieblie op 25-03-2006 21:17:31 ]
Ik ben net begonnen met css. Mijn vragen gaan zeker nog wel komen
stupidity has become as common as common sense was before
@ 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;
}
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;
}
As a rule, I never touch anything more sophisticated and delicate than myself.
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;
}
.
oke hoe ga ik dit fixen met div's en css zodat het en in internet explorer en firefox werkt?
het problem is dat als paars langer wordt (content) groen en blauw ook langer moeten worden... heb nog nooit een oplossing voor dit probleem kunnen vinden, maar ik neeeem aan dat dit wel moet kunnen
het kan zelfs met tabellen maar ik wil graag divs gebruiken...
iemand die wel weet hoe dit moet ?
het problem is dat als paars langer wordt (content) groen en blauw ook langer moeten worden... heb nog nooit een oplossing voor dit probleem kunnen vinden, maar ik neeeem aan dat dit wel moet kunnen
het kan zelfs met tabellen maar ik wil graag divs gebruiken...
iemand die wel weet hoe dit moet ?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
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?
het is me al gelukt, op een andere manier maar het werkt welliswaar
zit nu alleen nog met het probleem dat mn text langer is dan mn div, in firefox
http://80.61.232.209/essek/layout.php
zit nu alleen nog met het probleem dat mn text langer is dan mn div, in firefox
http://80.61.232.209/essek/layout.php
Voor Firefox moet je min-height gebruiken. Als je een height opgeeft dan houdt FF zich daar ook echt aan.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
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
http://80.61.232.209/essek/layout.php
hoe krijg ik iets in het vertikale midden van een div?
Ben dit probleem al een aantal keer tegen gekomen..
Ben dit probleem al een aantal keer tegen gekomen..
As a rule, I never touch anything more sophisticated and delicate than myself.
Ik heb een container met daarin een menu en een inhoud div
De menu div is 16px breed en de inhoud begint op 165px. Maar als het menu 'klaar' is dan loopt de tekst in de inhoud ineens een stuk terug. Dit in meerdere ua's. Weet iemand wat dat is? Of nog beter, wat ik kan doen om dat op te lossen?
-- Al gefixt
[ Bericht 6% gewijzigd door wonko op 29-03-2006 13:11:43 ]
De menu div is 16px breed en de inhoud begint op 165px. Maar als het menu 'klaar' is dan loopt de tekst in de inhoud ineens een stuk terug. Dit in meerdere ua's. Weet iemand wat dat is? Of nog beter, wat ik kan doen om dat op te lossen?
-- Al gefixt
[ Bericht 6% gewijzigd door wonko op 29-03-2006 13:11:43 ]
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
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
Bijvoorbeeld:
| 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..
Check: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
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 hoorde dat het voor Opera ook wel handig is om er een z-index in te zetten als je relative/absolute positioning gebruikt.
