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.
dat dacht ik al.... toch bedankt voor de bevestiging !quote:Op zaterdag 23 september 2006 12:10 schreef the_disheaver het volgende:
enige is <span class="red">"</span>
Maak ik je bang ? Ga dan naar de dokter, want je hebt waarschijnlijk last van Hexakosioihexekontahexafobie !
Vraagje: Ik heb nu een footer, die heb ik op een fixed position. Maar in mijn main-deel heb ik een background-image dat ik wil repeaten, in elk geval tot de onderkant van de pagina, maar als de pagina langer is, ook verder naar onder.
En dat laatste doet hij dus niet. Of, als ik hem zo ver krijg om dat wel te doen, dan stopt 'ie op de pagina's met minder tekst dan paginalengte al ergens halverwege (volgt u mij nog?).
Hoe los ik dat op?
En dat laatste doet hij dus niet. Of, als ik hem zo ver krijg om dat wel te doen, dan stopt 'ie op de pagina's met minder tekst dan paginalengte al ergens halverwege (volgt u mij nog?).
Hoe los ik dat op?
Nulla verba sed acta
Die background-image op je body zetten?quote:Op maandag 25 september 2006 22:57 schreef Leonoor het volgende:
Vraagje: Ik heb nu een footer, die heb ik op een fixed position. Maar in mijn main-deel heb ik een background-image dat ik wil repeaten, in elk geval tot de onderkant van de pagina, maar als de pagina langer is, ook verder naar onder.
En dat laatste doet hij dus niet. Of, als ik hem zo ver krijg om dat wel te doen, dan stopt 'ie op de pagina's met minder tekst dan paginalengte al ergens halverwege (volgt u mij nog?).
Hoe los ik dat op?
Met een float haal je 'm uit de flow van de pagina, waardoor het parent element niet 'mee groeit'.quote:Op vrijdag 15 september 2006 18:20 schreef Nevermind het volgende:
[afbeelding]
Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:
[afbeelding]
De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?
Wanneer je bijvoorbeeld na de tekst een element, zoals <br>, gebruikt met clear: left (bij een float: left) lost dat je probleem op.
Ik heb net een testopstelling gemaakt, maar ik zie in FF en IE geen border. Kun je je voorbeeld ergens online zetten?quote:Op donderdag 31 augustus 2006 22:54 schreef Mr_Zoidberg het volgende:
Ik heb de volgende css code:
[ code verwijderd ]
Het probleem is de border om de row. In Firefox gaat dit zoals je zal verwachten. In IE krijg ik echter helemaal geen border. Weet iemand waar dit aan ligt en hoe ik het op zou kunnen lossen?
(ik zou alle declaraties gewoon in de TD uit kunnen voeren, maar dit is meer werk en naar mijn mening een beetje omslachtig)
is niet mogelijk in IE. in FF en opera naar mijn weten ook nietquote:Op maandag 25 september 2006 23:14 schreef CraZaay het volgende:
[..]
Ik heb net een testopstelling gemaakt, maar ik zie in FF en IE geen border. Kun je je voorbeeld ergens online zetten?
gewoon een idee, kun je niet
tr.top_row td {}
gebruiken?
Vandaar dat ik heel benieuwd was naar de opstelling waarin hij het wel werkend kreeg in FFquote:Op dinsdag 26 september 2006 00:31 schreef the_disheaver het volgende:
[..]
is niet mogelijk in IE. in FF en opera naar mijn weten ook niet
gewoon een idee, kun je niet
tr.top_row td {}
gebruiken?
Cleanere code zou dan zijn
| 1 2 3 | style; } |
In het kader van semantiek en het gebruiken van tags waar ze voor bedoeld zijn (een table header element voor de koppen).
Het is misschien wel voor dummies, maar ik ben niet helemaaal stom, dus zover was ik al .quote:Op maandag 25 september 2006 23:04 schreef CraZaay het volgende:
[..]
Die background-image op je body zetten?
.Toch bedankt voor het meedenken .
.
Nulla verba sed acta
Ga je ook vertellen waarom dit niet de oplossing voor je probleem is? Op basis van je info neem ik aan dat je de achtergrond altijd tot onderaan de pagina wilt hebben, en met een background op de body werkt dat.quote:Op dinsdag 26 september 2006 15:34 schreef Leonoor het volgende:
[..]
Het is misschien wel voor dummies, maar ik ben niet helemaaal stom, dus zover was ik al .
Toch bedankt voor het meedenken .
Het is niet de oplossing omdat ik het geprobeerd heb en het niet werkt..quote:Op dinsdag 26 september 2006 21:12 schreef CraZaay het volgende:
[..]
Ga je ook vertellen waarom dit niet de oplossing voor je probleem is? Op basis van je info neem ik aan dat je de achtergrond altijd tot onderaan de pagina wilt hebben, en met een background op de body werkt dat.
Inmiddels heb ik mijn meest nerderige kennis er naar laten kijken, en die heeft op magische wijze het geheel ietwat aangepast, en bijna zo laten werken als ik zou willen. Ik ben vrees ik meer dummie dan ik hoopte/wenste, maar het werkt nu. Mocht je interesse hebben in hoe het eruit ziet, dan hoor ik het wel via mijn fobo .
Nulla verba sed acta
Er zit een verschil tussen niet werken, en niet snappen hoe je iets moet realiseren om het te laten werkenquote:Op dinsdag 26 september 2006 22:04 schreef Leonoor het volgende:
[..]
Het is niet de oplossing omdat ik het geprobeerd heb en het niet werkt..
Inmiddels heb ik mijn meest nerderige kennis er naar laten kijken, en die heeft op magische wijze het geheel ietwat aangepast, en bijna zo laten werken als ik zou willen. Ik ben vrees ik meer dummie dan ik hoopte/wenste, maar het werkt nu. Mocht je interesse hebben in hoe het eruit ziet, dan hoor ik het wel via mijn fobo .
FF terug naar CSS
Kan dit als je enkel
hebt? Dus zonder een container om div 2 t/m 5?
| 1 2 3 4 5 | | |div 2|div 3| |div 1|------------ | |div 4|div 5| ------------------- |
Kan dit als je enkel
| 1 2 3 4 5 | <div id=div2></div> <div id=div3></div> <div id=div4></div> <div id=div5></div> |
hebt? Dus zonder een container om div 2 t/m 5?
heb het opgelost door een container er om te gooien. Maar als iemand er een oplossing zonder container voor heeft: graag.
'div.' vergeten ergens, en en een half uur afgevraagd... waarom doet ie het niet!
'div.' vergeten ergens, en en een half uur afgevraagd... waarom doet ie het niet!
Waarom zonder container?quote:Op woensdag 27 september 2006 17:49 schreef the_disheaver het volgende:
heb het opgelost door een container er om te gooien. Maar als iemand er een oplossing zonder container voor heeft: graag.
'div.' vergeten ergens, en en een half uur afgevraagd... waarom doet ie het niet!
Naast dat het haast niet mogelijk is, tenzij je alles absolute gaat positioneren
overflow: hidden aan de parent (de post dus )quote:Op vrijdag 15 september 2006 18:20 schreef Nevermind het volgende:
[afbeelding]
Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:
[afbeelding]
De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?
Alleen getest in Safari en Firefox overigens
Zo, alle FTP-vragen zijn er uit.
@PM-Girl, als je nog vragen hebt, open dan hier je eigen topic. Dan blijft de boel hier over zichtelijk.
en weer verder.
@PM-Girl, als je nog vragen hebt, open dan hier je eigen topic. Dan blijft de boel hier over zichtelijk.
en weer verder.
So we just called him Fred
het is trouwens ook lastig oplossen voor ons als je geen code post.quote:Op dinsdag 26 september 2006 22:04 schreef Leonoor het volgende:
[..]
Het is niet de oplossing omdat ik het geprobeerd heb en het niet werkt..
Inmiddels heb ik mijn meest nerderige kennis er naar laten kijken, en die heeft op magische wijze het geheel ietwat aangepast, en bijna zo laten werken als ik zou willen. Ik ben vrees ik meer dummie dan ik hoopte/wenste, maar het werkt nu. Mocht je interesse hebben in hoe het eruit ziet, dan hoor ik het wel via mijn fobo .
Bestaat er ook zoiets als een CSS-validator die meteen de fouten corrigeert? Iets als HTML-tidy maar dan voor CSS zeg maar...
Hoi,
ik wil voor een site een bepaalde layout van frames naar div+css overzetten, maar stuit op een problem
Dit is de layout waar het om gaat. Hoewel in frames dit makkelijk te bereiken was
Is het mij met divjes en css nog niet gelukt. Het enige waar ik iets mee opschoot was position:fixed, wat niet werkt in IE en dus ook geen optie is. Alle methodes die ik heb gevonden om dit te emuleren kunnen dan weer niet overweg met niet fixte waarden (zoals 100%-75px).
Dus, heeft er iemand een idee hoe ik dit op kan lossen?
ik wil voor een site een bepaalde layout van frames naar div+css overzetten, maar stuit op een problem
Dit is de layout waar het om gaat. Hoewel in frames dit makkelijk te bereiken was
| 1 2 3 4 5 6 7 | <frame name="top" src="top.html" scrolling="no"> <frameset cols="180,*" border="0"> <frame name="left" src="left.html" scrolling="auto"> <frame name="main" src="news.html" scrolling="auto"> </frameset> </frameset> |
Is het mij met divjes en css nog niet gelukt. Het enige waar ik iets mee opschoot was position:fixed, wat niet werkt in IE en dus ook geen optie is. Alle methodes die ik heb gevonden om dit te emuleren kunnen dan weer niet overweg met niet fixte waarden (zoals 100%-75px).
Dus, heeft er iemand een idee hoe ik dit op kan lossen?
heb ik ook al geprobeerd en dan krijg ik ze wel in de juiste locatie, maar nog niet de juiste grootte.quote:Op zondag 1 oktober 2006 20:38 schreef the_disheaver het volgende:
kijk eens naar float: left
Het probleem is dat de pagina zelf niet scrolbaar mag zijn, omdat ik het menu en #top op een vaste plaats wil hebben. Eventueel te grote contents worden met scrollbars in #maincontents opgelost (zie ook tekening vorige post)
Zover ik het zie zul je de twee div welke je naast elkaar wil hebben in een container DIV moeten zetten.
Twee geneste DIV dus.
Je stylesheet
Dan krijg je dus zoiets op je pagina
Bij mij werkt dit onder alle browser prima.
Zoals je ziet heeft het menuframe een vaste positie; position: absolute;
Het contentframe heeft zich aan te passen aan het menuframe: position: relative
Twee geneste DIV dus.
Je stylesheet
| 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 | #container{ position: relative; min-height: 100%; height: 100%; voice-family: ""}""; voice-family: inherit; height: auto; } #menu { float: right; position: absolute; left: 10px; top: 40px; width: 115px; border: black solid 3px ; border-top: none; border-left: none; } #content { position: relative; top: 40px; left: 125px; width: 639px; } #top { color : #0000FF; border: black solid 2px ; background-color: #FFFFFF; width: 764px; height: 30px; position: absolute; top: 10px; left: 10px; padding: 0px; font-family : Verdana; font-size : 20px; font-weight : bold; text-align : center; } //En volgens mij werkt het niet als het volgende niet ook in je stylesheet staat html{ height: 100%; } |
Dan krijg je dus zoiets op je pagina
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div id="top"> </div> //de container <div id="container"> //in de container het menu- en het contentframe <div id="menu"> </div> <div id="content"> </div> // de container sluiten </div> |
Bij mij werkt dit onder alle browser prima.
Zoals je ziet heeft het menuframe een vaste positie; position: absolute;
Het contentframe heeft zich aan te passen aan het menuframe: position: relative
tvp
The styling. And the howl from its V6 engine. In a tunnel, at 4000rpm, it was more sonorous than any music.
It was like having your soul licked by angels.
It was like having your soul licked by angels.
@ralfie: het kan heel makkelijk zonder container.
Je geeft de div#top een position absolute (met top en left op 0px) en height: 75px; . De body geef je een padding: 75px zodat de andere divjes er onder komen te staan.
div#menu geef je een float: left en een height: 100% en natuurlijk een width: 180px; . Nu hoef je alleen de div#maincontents nog een height: 100%; te geven en klaar is ralfie.
Je geeft de div#top een position absolute (met top en left op 0px) en height: 75px; . De body geef je een padding: 75px zodat de andere divjes er onder komen te staan.
div#menu geef je een float: left en een height: 100% en natuurlijk een width: 180px; . Nu hoef je alleen de div#maincontents nog een height: 100%; te geven en klaar is ralfie.
Hope for the best, prepare for the worst.
