[CSS] voor dummies - deel 12

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_68501133
quote:
Op woensdag 29 april 2009 14:01 schreef Roy_T het volgende:

[..]

Geen idee, het is geen industrieterm iig

Maar ja, ik heb uiteraard ervaring met het principe (maar dan niet per definitie met div's, soms heb je andere elementen beschikbaar).
Hmm oke. Welke andere elementen? En is dit mbv css moeilijk te maken? Of is het gewoon slechts div in div gooien en zorgen voor een stukje transparante achtergrond?
pi_68505156
Ja, dat is de manier. Maar het is heel afhankelijk van de situatie en hoe je HTML eruit ziet.
pi_68716591


vraagje hoe los je het op dat de losse helften links en rechts naar beneden doorgaan?
ik krijg het niet voor elkaar. height: 100%; is het niet. en een vast aantal pixels kan niet want de midden inhoud kan verschillen van lengte.

Opgelost:

float: absolute;
margin-left:130px;


[ Bericht 23% gewijzigd door cablegunmaster op 06-05-2009 02:24:30 ]
Redacted
pi_68718141
quote:
Op woensdag 6 mei 2009 01:37 schreef cablegunmaster het volgende:
[ afbeelding ]

vraagje hoe los je het op dat de losse helften links en rechts naar beneden doorgaan?
ik krijg het niet voor elkaar. height: 100%; is het niet. en een vast aantal pixels kan niet want de midden inhoud kan verschillen van lengte.
Zoek eens op faux columns.
quote:
Opgelost:

float: absolute;
margin-left:130px;
"absolute" is geen geldige waarde voor "float". Je hebt de keuze uit "left", "right", "none" en "inherit". Heel leuk dat het werkt, maar er is geen enkele garantie dat je een cross-browser oplossing hebt.
fokstok.nl
pi_68774011
quote:
Op woensdag 29 april 2009 17:36 schreef Roy_T het volgende:
Ja, dat is de manier. Maar het is heel afhankelijk van de situatie en hoe je HTML eruit ziet.
Het is inmiddels gelukt. Best wel wreed geworden .

Ik nu heb een mooi dropdown menutje. Ziet er strak uit in FF, maar in IE is het minder mooi... Heb geen flauw idee waar het aan kan liggen.

Menu is hier te vinden.
  zaterdag 16 mei 2009 @ 11:19:10 #106
34663 SpeedyGJ
Zo snel als de bliksem O+
pi_69081910
Is het mogelijk om in .css het menu te beheren?
Heb nogal een lijst van 32 html bestanden, en het wordt een gedoe als ik dit 1 voor 1 moet aanpassen omdat er iets veranders moet worden of iets toe te voegen.
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
  zaterdag 16 mei 2009 @ 11:28:12 #107
230788 n8n
Pragmatisch
pi_69082083
quote:
Op donderdag 7 mei 2009 15:26 schreef Nashje het volgende:

[..]

Het is inmiddels gelukt. Best wel wreed geworden .

Ik nu heb een mooi dropdown menutje. Ziet er strak uit in FF, maar in IE is het minder mooi... Heb geen flauw idee waar het aan kan liggen.

Menu is hier te vinden.
In Safari & Opera ziet het er prima uit, het ligt dus (zoals meestal) in ieder geval aan IE, verder zou ik de afbeeldingen in het menu met de css regelen daar de afbeeldingen ('>'-pijlen) geen onderdeel van de content maar van de opmaak zijn, de site laadt tevens weer wat sneller.

edit, voorbeeld voor de pijlen:
1
2
3		ul#nav li ul li {
list-style: url(../images/menu_bullet.jpg) inside;
}
quote:
Op zaterdag 16 mei 2009 11:19 schreef SpeedyGJ het volgende:
Is het mogelijk om in .css het menu te beheren?
Heb nogal een lijst van 32 html bestanden, en het wordt een gedoe als ik dit 1 voor 1 moet aanpassen omdat er iets veranders moet worden of iets toe te voegen.
Gewoon met een externe .css, en met hele basic php kan je ook de html centraal houden voor als je dat aan moet passen, scheelt bakken met werk.

[ Bericht 2% gewijzigd door n8n op 16-05-2009 11:36:34 ]
“Specialization is for insects”.—Robert Heinlein
  zaterdag 16 mei 2009 @ 12:26:59 #108
34663 SpeedyGJ
Zo snel als de bliksem O+
pi_69083623
Ik heb dit gedaan echter gebeurd er maar weinig.
Klik hier

Ik heb eerst een test pagina gemaakt voor ik de hele website ombouw.
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
pi_69083708
quote:
Op zaterdag 16 mei 2009 12:26 schreef SpeedyGJ het volgende:
Ik heb dit gedaan echter gebeurd er maar weinig.
Klik hier

Ik heb eerst een test pagina gemaakt voor ik de hele website ombouw.
MIsschien is het handig om test.html te hernoemen naar test.php
fokstok.nl
  zaterdag 16 mei 2009 @ 13:02:09 #110
34663 SpeedyGJ
Zo snel als de bliksem O+
pi_69084499
Helemaal vergeten!
Het werkt, echter krijg ik de text er niet in.

<div class="column_two_section">
<h1>Welkom op de website van Weerstation Holwerd</h1>
<div class="post_info">

Dit staat dus in de header.php
Daarna zou er dus dit moeten komen staan:
<a href="images/ligging.jpg" rel="lightbox"title=""><img src="images/ligging.jpg" width="150" height="100" alt="" /></a><br>
De pijltjes geven aan waar het weerstation staat.

________________
Wat doe ik nu fout? of wat moet er nog gebeuren?
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
  zaterdag 16 mei 2009 @ 13:20:07 #111
252113 jemoeder125
En je vader!
pi_69084936
http://www.weerstation-holwerd.nl/test.php wat is er precies mis mee?
  zaterdag 16 mei 2009 @ 13:28:20 #112
34663 SpeedyGJ
Zo snel als de bliksem O+
pi_69085128
De inhoud staat er niet, iig hier niet. Normaal zou je dit moeten zien:
Klik hier
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
  zaterdag 16 mei 2009 @ 13:31:46 #113
252113 jemoeder125
En je vader!
pi_69085210
Mja de inhoud staat er wel, maar op de verkeerde plek. Maar in de broncode staat'ie ook op de verkeerde plek. Je doet dus serverside nog iets fout.

-edit-
wel eens van wordpress gehoord trouwens?
  zaterdag 16 mei 2009 @ 13:39:52 #114
34663 SpeedyGJ
Zo snel als de bliksem O+
pi_69085410
Yup maar is deze skin daar ook in te krijgen dan?
Ik heb een tijdje met PHP Fusion gedraaid, toch als je kijkt naar de hackers die de website plat gooien, geeft me niet echt een lekker gevoel daarom dus html.

Euhm voor de rest lijkt alles goed te staan, hij verdubbelt alleen die content, beetje vreemd gezien deze helemaal niet dubbel staat.
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
  zaterdag 16 mei 2009 @ 14:08:25 #115
252113 jemoeder125
En je vader!
pi_69086129
quote:
Op zaterdag 16 mei 2009 @ 13:39 schreef SpeedyGJ het volgende:
Yup maar is deze skin daar ook in te krijgen dan?
Ik heb een tijdje met PHP Fusion gedraaid, toch als je kijkt naar de hackers die de website plat gooien, geeft me niet echt een lekker gevoel daarom dus html.

Euhm voor de rest lijkt alles goed te staan, hij verdubbelt alleen die content, beetje vreemd gezien deze helemaal niet dubbel staat.
In de bron zie ik het gewoon twee keer staan.

En ja alles is te maken.
  zaterdag 16 mei 2009 @ 19:57:35 #116
34663 SpeedyGJ
Zo snel als de bliksem O+
pi_69094599
Edit:

Dubbel is opgelost, probleem is nu dat ik de onderstaande waar de text inkomt onderaan staat. Deze vak moet dus gewoon naast het menu staan.

test.php
<?php include("header.php"); ?>
<div id="content_column_two">

<div class="column_two_section">
<h1>Test</h1>
<div class="post_info">
Test
<div class="post_comment">
<br><a href="#"><span class="comment">Geplaatst op 30 April 2009</span></a>
</div>
</div>


</div>

</div> <!-- end of column two -->
<?php include("footer.php"); ?>

In de header staat de rest.."zie broncode"
http://www.weerstation-holwerd.nl/header.php

[ Bericht 86% gewijzigd door SpeedyGJ op 16-05-2009 20:14:50 ]
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
  zaterdag 16 mei 2009 @ 20:23:59 #117
252113 jemoeder125
En je vader!
pi_69095428
dit heeft totaal geen zin zo. Ten eerste heeft dit niets met css te maken. Ten tweede, zolang we niet kunnen zien wat je scripts doen, kunnen we je ook niet helpen.

Als het alleen om simpele includes gaan, ligt het gewoon aan je HTML-opbouw.
pi_69122947
Hoe kan je een bepaalde div hiden alleen in IE6?

met javascript iets van if brwoser=ie6 {getelementbyid.divnaamblaat.display=none}
pi_69125776
quote:
Op zondag 17 mei 2009 17:25 schreef Flaccid het volgende:
Hoe kan je een bepaalde div hiden alleen in IE6?

met javascript iets van if brwoser=ie6 {getelementbyid.divnaamblaat.display=none}
Conditional comments gebruiken.

1
2
3		<!--[if lte IE 6]>
   ** IE6 stylesheet laden **
<![endif]-->
fokstok.nl
pi_69127652
quote:
Op zondag 17 mei 2009 18:56 schreef Light het volgende:

[..]

Conditional comments gebruiken.
[ code verwijderd ]
Is dit css, t is toch geen javascript?
pi_69128606
quote:
Op zondag 17 mei 2009 19:48 schreef Flaccid het volgende:

[..]

Is dit css, t is toch geen javascript?
HTML.
シ
pi_69130067
quote:
Op zondag 17 mei 2009 20:14 schreef Chanty87 het volgende:

[..]

HTML.
Hij doet het al
  maandag 18 mei 2009 @ 11:27:03 #123
87680 Mirel
Mirel wil een bongophone.
pi_69144961
http://www.presikharmonie.nl/index.php?option=com_eventlist&view=categoryevents&id=1&Itemid=39 (joomla site, eventlist component alleen, geen module)

Er staan een aantal stippellijnen in de tabel onderaan, en ik heb geen idee waar ik dat kan veranderen. Ik zie nergens dotted staan als ik ctrl-f in het bestand eventlist.css, en ook niet in de template.css. Iemand die dit kent van het Eventlist component?
When all else fails, you always have delusion.
pi_69145374
quote:
Op maandag 18 mei 2009 11:27 schreef Mirel het volgende:

Er staan een aantal stippellijnen in de tabel onderaan, en ik heb geen idee waar ik dat kan veranderen.
Zoek eens op "url(../images/dot.gif)" En installeer Firebug, dan had je het zo gevonden.
pi_69146851
Firebug? Webdeveloper Toolbar
シ
  maandag 18 mei 2009 @ 13:00:06 #126
87680 Mirel
Mirel wil een bongophone.
pi_69148034
Ja ik heb Opera dragonding, Firefox firebug, en webdeveloper voor IE. ik dacht gewoon dat het een echte lijn was ipv een afbeelding
When all else fails, you always have delusion.
pi_69151924
quote:
Op maandag 18 mei 2009 12:26 schreef Chanty87 het volgende:
Firebug? Webdeveloper Toolbar
Die ook, maar die kan echt niet tippen aan Firebug. Daarmee had ik dit iig niet in 30 seconden gevonden.
pi_69155968
quote:
Op maandag 18 mei 2009 14:55 schreef Roy_T het volgende:

[..]

Die ook, maar die kan echt niet tippen aan Firebug. Daarmee had ik dit iig niet in 30 seconden gevonden.
CSS > View Style Information > selecteer de cel van de tabel met de stippellijn. 5 sec.
シ
  maandag 18 mei 2009 @ 17:06:02 #129
39952 Hukkie
Wanna bang heads with me
pi_69156261
Ik heb de volgende code:
quote:
Body {
width:750px;
margin:0 auto;
margin-top:15px;
}

#header {
width:750px;
height:150px;
background-color:#ffffff;
border: 2px solid #CCCCCC;
font-weight: bold;
color: #666666;
background: url(Pics/FP-moving-gif2.gif) no-repeat center center ;

}

Nu wil ik het plaatje dus bepaalde afmetingen geven, zodat ie netjes in de header past.
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
  maandag 18 mei 2009 @ 17:16:09 #130
230788 n8n
Pragmatisch
pi_69156606
quote:
Op maandag 18 mei 2009 17:06 schreef Hukkie het volgende:
Ik heb de volgende code:
[..]

Nu wil ik het plaatje dus bepaalde afmetingen geven, zodat ie netjes in de header past.
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
Met css kan je (nog) niet de afmetingen van een achtergrondafbeelding bepalen, je zult dus de afbeelding zelf aan moeten passen naar de juiste afmetingen.

1
2
3
4		Body { 
width:750px;
margin: 15px auto 0;
}


Volgens mij werkt dit trouwens ook, scheelt weer een regel.
“Specialization is for insects”.—Robert Heinlein
  maandag 18 mei 2009 @ 17:20:12 #131
39952 Hukkie
Wanna bang heads with me
pi_69156758
quote:
Op maandag 18 mei 2009 17:16 schreef n8n het volgende:

[..]

Met css kan je (nog) niet de afmetingen van een achtergrondafbeelding bepalen, je zult dus de afbeelding zelf aan moeten passen naar de juiste afmetingen.
[ code verwijderd ]

Volgens mij werkt dit trouwens ook, scheelt weer een regel.
Jawel hoor dat gaat prima, als ik van een los plaatje de afmetingen ingeef dan gaat dat prima, alleen dus niet bij het plaatje wat ik in de header wil zetten.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
pi_69156964
quote:
Op maandag 18 mei 2009 17:20 schreef Hukkie het volgende:

[..]

Jawel hoor dat gaat prima, als ik van een los plaatje de afmetingen ingeef dan gaat dat prima, alleen dus niet bij het plaatje wat ik in de header wil zetten.
Omdat dat in je header een background is dus dan kan dat (nog) niet.
シ
  maandag 18 mei 2009 @ 17:31:20 #133
39952 Hukkie
Wanna bang heads with me
pi_69157139
quote:
Op maandag 18 mei 2009 17:25 schreef Chanty87 het volgende:
Omdat dat in je header een background is dus dan kan dat (nog) niet.
Maar what about deze methode?
quote:
div#afbeelding{
background: #D3E6CF url(../_img/para.jpg) no-repeat 0 0;
height: 300px;
width: 225px;
border: 5px solid #618059;
}
Zou moeten werken, maar ik krijg het niet aan de praat , vandaar dat ik het op bovenstaande manier probeer.
Als ik dit in de header zet dan is het hele plaatje weg.

Of werkt dat in zijn geheel niet voor headers?
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
pi_69157849
quote:
Op maandag 18 mei 2009 17:31 schreef Hukkie het volgende:

[..]

Maar what about deze methode?
[..]
Dat is positionering Met CSS2 is het niet mogelijk om achtergronden te schalen. Je zult toch echt zelf het plaatje moeten verkleinen
シ
  maandag 18 mei 2009 @ 18:06:30 #135
39952 Hukkie
Wanna bang heads with me
pi_69158238
Oke, dank voor de info, ff photoshop opstarten dan.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
pi_69253393
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_69254515
quote:
Op donderdag 21 mei 2009 10:32 schreef markiemark het volgende:
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Hetzelfde geldt eigenlijk voor optgroup, die blijft in IE maar bold en italic.

Hier mijn CSS
1
2
3		optgroup{background-color:#09F; color:#000; font-weight: bold; font-style:normal;}
option.option_category_0 {background-color:#09F; color:#000;}
option.option_category_1 {padding-left: 25px;}
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_69254761
quote:
Op donderdag 21 mei 2009 10:32 schreef markiemark het volgende:
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Een beetje zoals hier onder aan de pagina (Selecteer forum)? Daar zit de padding met & nbsp; in de html-code.
fokstok.nl
pi_69255018
quote:
Op donderdag 21 mei 2009 11:14 schreef markiemark het volgende:

[..]

Hetzelfde geldt eigenlijk voor optgroup, die blijft in IE maar bold en italic.

Hier mijn CSS
[ code verwijderd ]
Als ik deze pagina bekijk, kan het nog wel eens lastig worden om een <option> of een <optgroup> te stylen. Je hebt ook te maken met browsers die alles zelf bepalen. Er valt natuurlijk ook wel wat voor te zeggen dat een standaardcomponent van het besturingssysteem altijd op dezelfde manier wordt getoond, en dat het dus geen browserding is.
fokstok.nl
pi_69374189
Wat is nou de meest makkelijke en beste manier om de a van een class te stijlen? Ik heb steeds het probleem dat de link uiteindelijk een andere a overneemt.

Voorbeeldje:
h1 is gestyled
.test a, a:active, a:visited en a:hover zijn gestyled

In <div class="test"> wil ik dus niet dat die daar de h1 gaat gebruiken. Dit gebeurt uiteindelijk wel. Hoe kan ik de classes apart stijlen zodat dat wel lukt?
pi_69374736
Code graag, want hier kan niemand iets van maken Nashje
pi_69374788
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.

Hoe stijl jij jouw links in een div?
  maandag 25 mei 2009 @ 10:34:11 #143
198417 Lastpost
Rotterdammert!
pi_69375334
quote:
Op maandag 25 mei 2009 10:16 schreef Nashje het volgende:
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.

Hoe stijl jij jouw links in een div?
Ik doe het meestal zo:
Pak de standaard a/h1/hr/ul enz. en die geef ik een basiskleur/afmeting/border en alle andere ongein die je kunt bedenken.
Daarbuiten heb ik nog datzelfde verhaal voor bepaalde delen op de site waarbij die zaken afwijken van de rest van de site en daarbij werk ik dan weer met de div-verwijzing voor de a/h1 enz. enz.

body, img, h1, h2, h3, p, hr, ul
a:link, a:visited, a:active, a:hover enz.

En dan bijvoorbeeld voor mijn div MenuInhoud (onderdeel van een 'grotere' div) die een andere h1 opmaak heeft dan de standaard h1 die eerder in de stylesheet staat:
.MenuInhoud h1 { font-size: 1.3em; }
.MenuInhoud a { color:#000000 ;text-decoration:none; }

En zo weer verder.
Vast niet de makkelijkste en/of beste manier, ben ook maar beginner.
https://topbabe.nl
pi_69376464
quote:
Op maandag 25 mei 2009 10:16 schreef Nashje het volgende:
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
Ik snap niets van wat jouw h1 ermee te maken heeft
quote:
Hoe stijl jij jouw links in een div?
div.classname a {
...
}

pi_69605725
Hoe krijg ik de footer helemaal onder de pagina op http://www.yeuxmarrons.com/ (in Firefox) en op http://www.yeuxmarrons.com/theme/disney/ ? Ik heb de verschillende onderdelen met DIV'jes onderverdeeld maar de footer begint zelfs al tussen de bovenste menuopties. (globalnav)

De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  maandag 1 juni 2009 @ 18:17:18 #146
252113 jemoeder125
En je vader!
pi_69608699
quote:
Op maandag 1 juni 2009 @ 16:32 schreef tim2308 het volgende:
Hoe krijg ik de footer helemaal onder de pagina op http://www.yeuxmarrons.com/ (in Firefox) en op http://www.yeuxmarrons.com/theme/disney/ ? Ik heb de verschillende onderdelen met DIV'jes onderverdeeld maar de footer begint zelfs al tussen de bovenste menuopties. (globalnav)

De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
gewoon de float clearen?
pi_69608944
Dank je he! Het werkt. p {clear: both;} aan de css toegevoegd en een lege <p></p> boven de footer gezet. (gevonden op http://www.flashfocus.nl/forum/archive/index.php/t-43103.html , onderaan)

Ook nog een handige site lijkt me:http://css.maxdesign.com.au/floatutorial/
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  maandag 1 juni 2009 @ 21:25:54 #148
252113 jemoeder125
En je vader!
pi_69615667
waarom niet gewoon op de footer zelf dan?

grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
pi_69619935
Een lege <p>, dat is lekker semantisch correct zullen we zeggen Hang die clear idd gewoon aan de footer en klaar.

Met alle respect, de meeste mensen op FlashFocus hebben geen totaal benul van wat ze doen in HTML & CSS. Die moeten het gewoon bij Flash houden.
pi_69620808
quote:
Op maandag 1 juni 2009 21:25 schreef jemoeder125 het volgende:
waarom niet gewoon op de footer zelf dan?
Dat lijkt me idd beter.
quote:
grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
Ik kan me ook niet echt voorstellen dat het nodig is. Als je iets heb dat je voor alle P-tags wilt instellen, dan zijn het margins en paddings. Font-dingen stel je op een hoger niveau in (html of body) en dan ben je eigenlijk al klaar.
fokstok.nl
pi_69624304
Merci heren, ook het clear in de footer zetten werkt ook. Je moet het allemaal net weten, ik spreek ook krom spaans. het werkt, je krijgt wat je wilt (cq. mijn gasten krijgen wat ze willen) maar mooi is het niet. Zo ook mijn kennis van CSS. Nogmaals bedankt...
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_69788993
1px Offset

Ik heb nu iets irritants. Ik heb een bg, die gecentered word door background-position:center (het is in de body, zodat ik een height: 100% heb). Ook heb ik een top van een vlak, met rounded corners, gecentered doormiddel van margin: 0 auto; . Als ik mijn firefox/ie/w/ever (het komt overal voor) resize, laat het ding 2 situaties zien. De goede:


en dan de slechte, als ik mijn venster resize:


Hoe ga ik dit tegen?
pi_69789030
ik neem aan dat je bovenste ding uit 1 plaatje bestaat ? je kan een min-length of min-width instellen
zodat hij niet kleiner word dan dat plaatje wat je boven aan hebt gebruikt
1min-width: 800px;


dit ter behoeve aan de breedte kijk hoe breed het plaatje is en stel het in ?

hierdoor heb je altijd de gewenste grootte is het beweegbaar in de breedte als het langer word.
maar houd het een absolute waarde aan als het kleiner is dan 800px.

vertel het me als het zo is opgelost

[ Bericht 50% gewijzigd door cablegunmaster op 07-06-2009 11:38:54 ]
Redacted
pi_69789380
quote:
Op zondag 7 juni 2009 11:27 schreef cablegunmaster het volgende:
ik neem aan dat je bovenste ding uit 1 plaatje bestaat ? je kan een min-length of min-width instellen
zodat hij niet kleiner word dan dat plaatje wat je boven aan hebt gebruikt
[ code verwijderd ]

dit ter behoeve aan de breedte kijk hoe breed het plaatje is en stel het in ?

hierdoor heb je altijd de gewenste grootte is het beweegbaar in de breedte als het langer word.
maar houd het een absolute waarde aan als het kleiner is dan 800px.

vertel het me als het zo is opgelost
Dat is t probleem niet denk ik. Zelfs als het scherm groot zat is doet het een beetje raar. Demo op http://joristimes.nl/kutje/
pi_69789500
quote:
Op zondag 7 juni 2009 11:45 schreef Flaccid het volgende:

[..]

Dat is t probleem niet denk ik. Zelfs als het scherm groot zat is doet het een beetje raar. Demo op http://joristimes.nl/kutje/
merk er niks van in FF
*test in IE *
Redacted
pi_69789702
quote:
Op zondag 7 juni 2009 11:51 schreef cablegunmaster het volgende:

[..]

merk er niks van in FF
*test in IE *
Huh? Tijdens dat je je schermpje resizen zie ik mijn top ding niet align met mn body bg
pi_69790030
quote:
Op zondag 7 juni 2009 12:01 schreef Flaccid het volgende:

[..]

Huh? Tijdens dat je je schermpje resizen zie ik mijn top ding niet align met mn body bg
/* ignore 2 plaatjes kunnen niet in 1 div class
weet ik , probeer de top en middle eens in 1 div te doen ?
je kan het makkelijk in 1 css gedeelte maken
*/

Oplossing 1:
https://developer.mozilla.org/en/CSS/-moz-border-radius


zie voorbeeld
je kan het makkelijk zelf na maken


Oplossing 2:
maar om het probleem in IE op te lossen eens kijken

wat ik meestal doe is :
container maken Deze zet je in het midden neer en daar komt je webpagina in
1
2
3
4
5
6		<div class ="container">
<div class="contenttop">
</div>
<div class="body">
</div>
</div>


De CSS:
Container : in het midden centreren
Contenttop: (zit al in het midden door container) + plaatje
body: plaatje

?

[ Bericht 12% gewijzigd door cablegunmaster op 07-06-2009 12:25:59 ]
Redacted
pi_69790228
quote:
Op zondag 7 juni 2009 12:14 schreef cablegunmaster het volgende:

[..]

weet ik , probeer de top en middle eens in 1 div te doen ?
je kan het makkelijk in 1 css gedeelte maken


https://developer.mozilla.org/en/CSS/-moz-border-radius


zie voorbeeld
je kan het makkelijk zelf na maken
Met middle bedoel je het witte vlak? Dat zit vast aan de body, vanwege 100% height.
pi_69790272
quote:
Op zondag 7 juni 2009 12:23 schreef Flaccid het volgende:

[..]

Met middle bedoel je het witte vlak? Dat zit vast aan de body, vanwege 100% height.
negeer dat maar even, je hebt 2 verschillende plaatjes , dan komt dat niet goed uit.
oplossing 1:
borders recreeren met kleuren en stylen en er een randje aangeven met CSS
oplossing 2:
je vak in een container stoppen (andere klasse)
en de container centreren. en in de container alle andere divs instoppen.
Redacted
pi_69790384
quote:
Op zondag 7 juni 2009 12:24 schreef cablegunmaster het volgende:

[..]

negeer dat maar even, je hebt 2 verschillende plaatjes , dan komt dat niet goed uit.
oplossing 1:
borders recreeren met kleuren en stylen en er een randje aangeven met CSS
oplossing 2:
je vak in een container stoppen (andere klasse)
en de container centreren. en in de container alle andere divs instoppen. ^O^
Dat 2e komt in de buurt. van wat ik wil, maar nog niet helemaal. Ik heb besloten om de onderkant ook maar een randje te geven, zodat de 100% height niet per sé hoeft. Nog een kort css vraagje:

Ik heb nu deze code, ik dacht slim te zijn:
1
2
3
4
5
6
7
8
9
10
11
12
13
14		#contentend{
margin: 0 auto;
width: 800px;
height: 17px;
background-repeat:no-repeat;
}

#top{
background-image:url(img/contenttop.png);
}

#bottom{
background-image:url(img/contentbottom.png)
}

En dat ik dan de bovenste div 2 id's gaf, maar dat kan niet ofwel? Hoe moet het dan?
pi_69790426
quote:
Op zondag 7 juni 2009 12:28 schreef Flaccid het volgende:

[..]

Dat 2e komt in de buurt. van wat ik wil, maar nog niet helemaal. Ik heb besloten om de onderkant ook maar een randje te geven, zodat de 100% height niet per sé hoeft. Nog een kort css vraagje:

Ik heb nu deze code, ik dacht slim te zijn:
[ code verwijderd ]

En dat ik dan de bovenste div 2 id's gaf, maar dat kan niet ofwel? Hoe moet het dan?
welke html code gebruikte je?
kun je verduidelijken wat je bedoelt?

want Classes kun je herhaalt gebruiken en ID's niet
Redacted
pi_69790572
quote:
Op zondag 7 juni 2009 12:30 schreef cablegunmaster het volgende:

[..]

welke html code gebruikte je?
kun je verduidelijken wat je bedoelt?

want Classes kun je herhaalt gebruiken en ID's niet
Dat dus. Classes werken nu:)
pi_69847207
http://cablegunmaster.nl/test/index.html

Eigen vraag ik heb 2 plaatjes hoe krijg je het wit gedeelte er tussen weg ?
ik kan de spatie / wit nsb gedoe niet vinden.
Redacted
pi_69847328
quote:
Op maandag 8 juni 2009 23:31 schreef cablegunmaster het volgende:
http://cablegunmaster.nl/test/index.html

Eigen vraag ik heb 2 plaatjes hoe krijg je het wit gedeelte er tussen weg :P ?
ik kan de spatie / wit nsb gedoe niet vinden. :o
Verander
1
2		            <a href="" ><img src="knop_1_test.png" alt ="HOME" ></a>
            <a href="" ><img src="knop_2_test.png" alt ="OVER MIJ"></a>


eens door
1            <a href="" ><img src="knop_1_test.png" alt ="HOME" ></a><a href="" ><img src="knop_2_test.png" alt ="OVER MIJ"></a>
fokstok.nl
pi_69847384
quote:
Op maandag 8 juni 2009 23:34 schreef Light het volgende:

[..]

Verander
[ code verwijderd ]

eens door
[ code verwijderd ]
met zijn 2en zo'n beginners fout niet kunnen uitvogelen
ik hem al helpen met zijn css voor de border
hij creert natuurlijk een wit spatie en na 1 witspatie negeert hij de komende .


Hartelijk bedankt, iets om te lachen gevonden .
Redacted
pi_70389320
2 dingen.

1: Waarom is dit geen centraal topic? Ik moet m elke keer uit MyAt halen :(

2: Een simpel vraagje.

Ik heb een lijstje met tabs (een horizontal list)
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
En wat HTML code.
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Nu wil ik bij de active geen background-image hebben aan de onderkant. Een class meegeven met background-image: none werkt niet. Wat doe ik verkeerd?
pi_70389927
quote:
Op vrijdag 26 juni 2009 11:10 schreef Flaccid het volgende:

Nu wil ik bij de active geen background-image hebben aan de onderkant. Een class meegeven met background-image: none werkt niet. Wat doe ik verkeerd?
Probeer "background: transparent" eens? En anders even in Firebug kijken wat er mis gaat; iets met erven of specificity dan
pi_70390424
quote:
Op vrijdag 26 juni 2009 11:26 schreef Roy_T het volgende:

[..]

Probeer "background: transparent" eens? En anders even in Firebug kijken wat er mis gaat; iets met erven of specificity dan
Background color werkt ook niet. Het gaat hier om een gevalletje volgorde. Is nu opgelost.
  vrijdag 26 juni 2009 @ 13:18:57 #169
134533 donroyco
dus niet Donroyco
pi_70393761
tvp.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_70551417
Weet iemand of ik dmv een div een foutmelding aan een embed kan geven als de bezoeker geen Java heeft geinstalleerd?
pi_70553813
dmv een div een foutmelding aan een embed geven...

Verklaar u nader!
—o—
pi_70553951
quote:
Op woensdag 1 juli 2009 16:33 schreef Nashje het volgende:
Weet iemand of ik dmv een div een foutmelding aan een embed kan geven als de bezoeker geen Java heeft geinstalleerd?
onmogelijk ik denk dat je dan toch even je hoofd moet krabben en afvragen of je CSS wel snapt .

Het is een opmaaktaal. geen waarchuwings taal of programmeertaal waarin je voorwaardes kan stellen die niet met de opmaak te maken hebben.

Css bemoeit zich niet met java of javascript
Redacted
pi_70604537
quote:
Op woensdag 1 juli 2009 17:51 schreef cablegunmaster het volgende:

[..]

onmogelijk ik denk dat je dan toch even je hoofd moet krabben en afvragen of je CSS wel snapt .

Het is een opmaaktaal. geen waarchuwings taal of programmeertaal waarin je voorwaardes kan stellen die niet met de opmaak te maken hebben.

Css bemoeit zich niet met java of javascript
. Dat zeg ik toch ook niet.

Op een van mijn andere sites gebruik ik een div om te laten zien als de bezoeker geen Flash gebruikt.
  vrijdag 3 juli 2009 @ 10:50:55 #174
33189 RM-rf
1/998001
pi_70605051
quote:
Op vrijdag 3 juli 2009 10:34 schreef Nashje het volgende:

[..]

. Dat zeg ik toch ook niet.

Op een van mijn andere sites gebruik ik een div om te laten zien als de bezoeker geen Flash gebruikt.
dat heeft echter niks met CSS te maken...
maar is gewoon een eigenschap van HTML-rendering door je browser...


zo rendert bv een browser content die in een <NOSCRIPT> tag staat wél als iemand bv geen javascript heeft aanstaan...
tevens is het zo dat alle infor binnen een OBJECT (embed is geen HTML standaard tag) gebruikt wordt als een useragent de object-content zelf niet renderen kan en is specifiek bedoeld om informatie te geven aan UA#s die ddit dan als alternatieve content tonen (als het ware zoals een ALT-tag eigenlijk bedoeld is )
http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.3.1
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_70605091
quote:
Op vrijdag 3 juli 2009 10:50 schreef RM-rf het volgende:

[..]

dat heeft echter niks met CSS te maken...
Dat zeg ik ook niet. Ik heb het over een div.

Er was/is geen topic over HTML.
  vrijdag 3 juli 2009 @ 11:27:15 #176
33189 RM-rf
1/998001
pi_70606345
quote:
Op vrijdag 3 juli 2009 10:52 schreef Nashje het volgende:

[..]

Dat zeg ik ook niet. Ik heb het over een div.

Er was/is geen topic over HTML.
Zou het dan geen idee zijn om gewoon zelf een topic op te starten met zulk een vraag ... in plaats die vraag te platsen in een ander 'groot-vragen-topic' waar die eigenlijk geheel niet hoort (sowieso is dat al snel een nadeel van zulke grote vragen-topics, dat mensen niet zelf meer een topic durven op te starten met een legitiem vragje)

Overigemns, ik heb je vraag beantwoord maar snap niet waarom jij over een div begint als je het eigenlijk over een embed/object hebt... een div is een hele andere tag die er verder niks mee te maken heeft en dus er ook niks meer te zoeken heeft...

wil je bepaalde content enkel tonen als een zekere extren aangeroepe embedded content niet gerenderd kan worden, kun je die als inhoud binnn een OBJECT plaatsen, of als je zo nodig de proprietaire EMBED wilt gebruiken, bestat daarvoor een NOEMBED tag:
http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/embed.html (waarschuwing, verouderd e site, ik zou hun tip om geen object te gebruiken niet al te serieus nemen, dat is jaren en jaren terug geschreven)
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_70830203
Is er een manier waarop ik dit effect: http://www.htmlcodetutorial.com/tables/index_famsupp_179.html met CSS kan bereiken?
Trotse poster van het 37000000ste bericht ^O^
pi_70833745
quote:
Op donderdag 9 juli 2009 22:21 schreef daReaper het volgende:
Is er een manier waarop ik dit effect: http://www.htmlcodetutorial.com/tables/index_famsupp_179.html met CSS kan bereiken?
Je kunt cellen gewoon borders geven, dus: ja.
pi_70847030
quote:
Op donderdag 9 juli 2009 22:21 schreef daReaper het volgende:
Is er een manier waarop ik dit effect: http://www.htmlcodetutorial.com/tables/index_famsupp_179.html met CSS kan bereiken?
Elke cell een apparte class geven en dan border-top uitzetten etc...
pi_70873533
quote:
Op vrijdag 10 juli 2009 13:40 schreef Flaccid het volgende:

[..]

Elke cell een apparte class geven en dan border-top uitzetten etc...
Probleem is dat ik alleen controle heb over de CSS, niet over de HTML-output... Hoeveel manieren blijven er dan nog over?
Trotse poster van het 37000000ste bericht ^O^
pi_70873938
quote:
Op zaterdag 11 juli 2009 12:47 schreef daReaper het volgende:

[..]

Probleem is dat ik alleen controle heb over de CSS, niet over de HTML-output... Hoeveel manieren blijven er dan nog over?
Dus hoe de tabel in elkaar zit heb jij totaal geen controle over? Slechts een css ding? mmm, lastig. Probeer dit eens:

1
2
3		table{
border: none;
}
pi_70873979
quote:
Op zaterdag 11 juli 2009 12:47 schreef daReaper het volgende:

[..]

Probleem is dat ik alleen controle heb over de CSS, niet over de HTML-output... Hoeveel manieren blijven er dan nog over?
Dan zou je alle cellen een border (boven + links) kunnen geven. Vervolgens de cellen in de eerste rij geen border boven, en de eerste cel per rij geen border links.

1
2
3
4
5
6
7
8
9
10
11		table tbody tr td {
    border: 0;
    border-top: 1px solid red;
    border-left: 1px solid red;
}
table tbody tr:first-child td {
    border-top: 0;
}
table tbody tr td:first-child {
    border-left: 0;
}


Niet getest. Sowieso gaat het niet werken in IE6, die ondersteunt :first-child niet.
fokstok.nl
pi_70875144
quote:
Op zaterdag 11 juli 2009 13:04 schreef Light het volgende:

[..]

Dan zou je alle cellen een border (boven + links) kunnen geven. Vervolgens de cellen in de eerste rij geen border boven, en de eerste cel per rij geen border links.
[ code verwijderd ]

Niet getest. Sowieso gaat het niet werken in IE6, die ondersteunt :first-child niet.
tof! Werkt in elk geval prima in IE7 en Moz, bedankt
Trotse poster van het 37000000ste bericht ^O^
  maandag 13 juli 2009 @ 14:25:09 #184
179307 Saboo
Hoi ik zit op fok
pi_70933501
hoi, ik ben een totale noob met CSS, maar ik dacht 'leuk laat ik eens een website maken' ... Gaat vrij makkelijk tot nog toe, alleen heb ik 1 probleempje wat wsl een heel stom iets is.

de HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<body>
<div id="main_container">
<div id="box1">box1</div>

<div id="Menu">
<div id="box2">box2</div>
<div id="box3">box3</div>
<div id="box4">box4</div>
</div>

<div id="box5">box5 dit is een test</div>
</div>


</body>


De CSS

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		a {
   font-size: 16px;
   color: #CCF;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #CCC;
}
a:hover {
   text-decoration: none;
}
a:active {
   text-decoration: none;
}
body{
margin: 0;
text-align: center;
}

div#main_container{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}

div#box1{
float:left;
width: 213px;
height: 600px;
background:url(sitebasis%20copy.jpg);
}

div#box2{
position:relative;
float:none;
width: 156px;
height: 118px;
background-color:#6F0;
}

div#box3{
position:relative;
float:none;
width: 156px;
height: 142px;
background-color:#933;
}

div#box4{
position:relative;
float:none;
width: 156px;
height: 340px;
background-color:#00F;
}

div#box5{
position:relative;
left: 369px;
width: 384px;
height: 600px;
background-color:#C9C;
}

div#Menu{
position:relative;
float:left;
width: 384px;
height: 600px;
}


Het kan vast beter enzo, maar ik vond het zo vrij makkelijk gaan... Het probleem is echter dat de text van box 5, niet in de box zelf zit maar er onder. Wsl iets heel stoms :o
Wie o wie kan mij helpen?

bij voorbaat heel veel dank!
pi_70933828
Je wilt box 5 naast het menu hebben? Dan moet je box5 ook een float: left; geven Als ie er dan nog onder gaat dan is de container te klein.

float: none; en position: relative; kunnen weg trouwens.

1
2
3
4
5
6
7
8
9
10
11		<div id="main_container">
<div id="box1">box1</div>

<div id="Menu">
<div id="box2">box2</div>
<div id="box3">box3</div>
<div id="box4">box4</div>
</div>

<div id="box5">box5 dit is een test</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
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		a {
   font-size: 16px;
   color: #CCF;
}

a:link {
   text-decoration: none;
}

a:visited {
   text-decoration: none;
   color: #CCC;
}

a:hover {
   text-decoration: none;
}

a:active {
   text-decoration: none;
}

body {
   margin: 0;
   text-align: center;
}

div#main_container {
   margin: 0 auto 0 auto;
   width: 750px;
   text-align: left;
}

div#box1 {
   float:left;
   width: 200px;
   height: 600px;
   background:url(sitebasis%20copy.jpg);
}

div#box2 {
   width: 150px;
   height: 118px;
   background-color:#66FF00;
}

div#box3 {
   width: 150px;
   height: 142px;
   background-color:#993333;
}

div#box4 {
   width: 150px;
   height: 340px;
   background-color:#0000FF;
}

div#box5 {
   float: left;
   width: 400px;
   height: 600px;
   background-color:#CC99CC;
}

div#Menu {
   float:left;
   width: 150px;
   height: 600px;
}


Levert dit op:



[ Bericht 20% gewijzigd door Chanty87 op 13-07-2009 14:44:24 ]
シ
  maandag 13 juli 2009 @ 14:55:02 #186
179307 Saboo
Hoi ik zit op fok
pi_70934337
zo is hij beter idd

Hartstikke bedankt!
pi_70966409
Ik ben sinds kort ( paar dagen ) ook bezig met DIVjes, maar ik zit nu met een probleem.
Ik wil graag dat mijn DIVjes meeschijven als er tekst in staat, maar wat er nu gebeurt is dat alle tekst als het ware gewoon doorloopt.
Nu heb ik dit kunnen oplossen door gebruik te maken van overflow: hidden;
Maar dit is in mijn ogen niet de oplossing, het moet toch mogelijk zijn dat alles gewoon met de tekst meeschuift?

de code:

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117		@charset "utf-8";

body {
 font-family: Arial, serif;  font-size: 10pt;
 
}
A:visited {text-decoration: none; color: white}
A:link {text-decoration: none; color: white}
A:active {text-decoration: none; color: white}
A:hover {text-decoration: underline; color: lightgreen;}


.big-main {
    position: absolute;
    background-image: url(bg.jpg);
    background-repeat:repeat-x;
    height: 100%;
    width: 100%;
}

.topmain {

position:relative;
height:178px;
width:802px;
background-image: url('images/header.png');
border:thin #CCCCCC solid;
}

.menu {

position:relative;
border:thin #CCCCCC solid;
background-color:#1A1A1A;
font: Verdana;
height:37px;
width:802px;
background-image: url('images/menu/menubg.png');
background-repeat:repeat-x;
color: white;
text-align: right;

}

.menuheader {

  border:thin #CCCCCC solid;
  color: white;
  height: 28px;
  background-color:#1A1A1A;
  background-image: url('images/menu/menuheader.png');
  background-repeat:repeat-x;
  
}
.menuitem {
 
  color: white;
  text-align: left;
  height: 26px;
  background-color:#1A1A1A;
  background-image: url('images/menu/menuitem.png');
  background-repeat:repeat-x;
  
}

.contentitemheader {
 
  color: white;
  text-align: center;
  height: 26px;
  background-color:#1A1A1A;
  background-image: url('images/menu/menuitem.png');
  background-repeat:repeat-x;
  
}
.contentitem {
 
  color: white;
  text-align: left;
  height: 26px;
  background-color:#1A1A1A;

}


#container { 
    width:802px;
    height: 80%;
    margin: 0; 
} 
#div1 { 
    background: #000000; 
    width: 32%; 

    float: left; 
    border:thin #CCCCCC solid;
background-color:#1A1A1A;
} 

#div2 { 
    background: #555555; 
    width: 65%; 
    height: 80%;
    float: right; 
    border:thin #CCCCCC solid;
    background-color:#1A1A1A;
    overflow:hidden; 

} 

#div3 { 
    background: #000000; 
    width: 32%; 
    float: left; 
    border:thin #CCCCCC solid;
    background-color:#1A1A1A;
} 


Als iemand op andere punten nog fouten ziet, of dingen die beter kunnen dan sta ik daar ook altijd open voor.
pi_70971169
quote:
Op dinsdag 14 juli 2009 14:20 schreef DirkZz het volgende:

Maar dit is in mijn ogen niet de oplossing, het moet toch mogelijk zijn dat alles gewoon met de tekst meeschuift?
Geen height definiëren
pi_70972314
quote:
Op dinsdag 14 juli 2009 16:23 schreef Roy_T het volgende:

[..]

Geen height definiëren
Had ik ook geprobeert, dan gaat div#3 flippen, en er onder staan.

1. Zonder height ingesteld:
http://i26.tinypic.com/4pv8z5.png

2. met height ingesteld:
http://i28.tinypic.com/19l9xj.png
pi_70973297
quote:
Op dinsdag 14 juli 2009 @ 16:54 schreef DirkZz het volgende:

[..]

Had ik ook geprobeert, dan gaat div#3 flippen, en er onder staan.

1. Zonder height ingesteld:
http://i26.tinypic.com/4pv8z5.png

2. met height ingesteld:
http://i28.tinypic.com/19l9xj.png
Alles wat onder elkaar moet doe je samen nesten in een div.

Is semantischer ook.
—o—
pi_70973643
^ Yup, dus die 2 blokken links in één div stoppen en die een float: left; geven.
シ
pi_70973667
1
2
3
4
5
6
7
8
9
10		<div id="container"> 
    <div id="div1">
    <div class=menuheader><b>Karting menu</b></div>
      <div class=menuitem>Menu items uit database</div>


<div id="div3">
          <div class=menuheader><b>Autocross menu</b></div>
            <div class=menuitem>Menu items uit database</div>
          </div></div>


Heb het nu zo, maar nu verschijnt het 2e menu, in het eerste menu.
pi_70973699
Heb je de floats van div1 en div3 weggehaald?
シ
pi_70973733
quote:
Op dinsdag 14 juli 2009 @ 17:37 schreef DirkZz het volgende:

[ code verwijderd ]

Heb het nu zo, maar nu verschijnt het 2e menu, in het eerste menu.
Kijk eens naar de post hierboven van Chanty87 (met paint), en pak het op zo'n manier aan.


1
2
3
4
5
6
7
8		<div #wrapper>
  <div #linkerkolom>
    <div #boven></div>
    <div #onder></div>
  </div>
  <div #rechterkolom>
  </div>
</div>



schematis is dit de structuur die je nodig hebt.
—o—
pi_70973786
Als ik dat doe heft het geen nut, dan staat echt alles door mekaar.

edit:

@hierboven

Ik zal er naar kijken.
pi_70973843
Deze post bedoelt DD neem ik aan
シ
pi_70973996
weg

[ Bericht 84% gewijzigd door DirkZz op 14-07-2009 18:22:16 ]
pi_70975041
Dit is wat ik nu heb:
http://i32.tinypic.com/x9lps.png
http://i30.tinypic.com/2upwvmg.png

Maar het buigt allemaal nog steeds niet mee.
pi_70976275
Ja je hebt nog steeds een vaste hoogte op de rechterkolom staan zo te zien.

Komop zeg een beetje trial-and-error kan geen kwaad! Je kunt niets verneuken wat ctrl-z niet op kan lossen!
—o—
pi_70977816
dan verschuift de hele boel weer.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 12
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')