abonnement Unibet Coolblue Bitvavo
pi_114251654
Misschien een domme vraag, maar ik ben er al een uur mee bezig.

Hoe krijg ik zoals je hier ziet bij wehkamp (http://www.wehkamp.nl/sal(...)/OPR_SDA_SDA_428108/) twee rij' en met tekst waarbij ze dus gelinieerd staan onder elkaar en naast elkaar.

Dus bijv:

Tekst 1_________Tekst 2
Tekst 3_________Tekst 5
Tekst 4_________Tekst 6

Zonder de _____ en zonder spaties te gebruiken.

Dank:)

Ik heb:

1
2
3
<div class="banner">
            <span><img src="img?1"></span>14 dagen bedenktijd<span><img src="imgg?1"></span>Voor 17:00 besteld, morgen in huis<span><br /><img src="img1"></span>6 dagen per week beschikbaar<span><img src="img"></span>Achteraf betalen met acceptgiro<span><br /><img src="img1"></span>Klantwaardering 9.5<span><img src="img"></span>Groot assortiment met A-merken
</div>
  maandag 16 juli 2012 @ 00:03:10 #152
56176 Catch22-
Ben je Blind?!
pi_114254195
Begin gewoon bij het begin en ga leren hoe css werkt.

Google gewoon op css tutorial, css 101, css tutorial floats, css tutorial block elements en heel belangrijk css debugging

je vraag is namelijk van een dusdanig nivo dat je het antwoord niet gaat snappen nu en dus heb je er in je leerproces niets aan. In dit topic helpen we je graag, maar je moet wel snappen wat je doet en wat je ongeveer wil. Dan geven we je en houwvast voor de oplossing
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_114255207
Ik had 'm wel al maar kreeg 'm niet goed.

Doordat ik float:left had staan in de css werd de achtergrond half afgescheurd.
verwijderde ik de float:left dan ging die weer automatisch een rij naar onder.

Was met deze css:

#prodlinks,
#prodrechts {
float:left;
position:relative;
left:50%;

}

#prodlinks {
width: 250px;
margin-left:-218px;
}
#prodrechts {
width: 250px;
margin-left:0px;
}

Geen idee of die tutorials mij op mijn fout kunnen wijzen..

Hij negeert de achtergrond zegmaar.

[ Bericht 4% gewijzigd door Snoepje5 op 16-07-2012 00:34:13 ]
  maandag 16 juli 2012 @ 00:34:44 #154
56176 Catch22-
Ben je Blind?!
pi_114255459
Ja want je moet even leren hoe het werkt met het boxmodel en floats.

Het is heel belangrijk dat je de bare essentials snapt. Anders wordt t niets
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 juli 2012 @ 00:36:46 #155
12221 Tijn
Powered by MS Paint
pi_114255530
Is het niet gewoon een kwestie van

1overflow: auto;

in het parent element zetten (het element waar de floats in zitten)?
pi_114258807
quote:
5s.gif Op maandag 16 juli 2012 00:36 schreef Tijn het volgende:
Is het niet gewoon een kwestie van
[ code verwijderd ]

in het parent element zetten (het element waar de floats in zitten)?
Nee werkt ook niet.

Ik heb de achtergrond maar gewoon een height px gegeven.. want dat was het enige probleem: dat de achtergrond niet automatisch meeging met de tekst van dit blok.
  maandag 16 juli 2012 @ 09:41:18 #157
56176 Catch22-
Ben je Blind?!
pi_114260271
als iets niet schaalt zit er iets mis met je floats.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 juli 2012 @ 09:51:13 #158
12221 Tijn
Powered by MS Paint
pi_114260443
quote:
0s.gif Op maandag 16 juli 2012 07:26 schreef Snoepje5 het volgende:

[..]

Nee werkt ook niet.
Echt wel.

Het is normaal dat het parent element niet meeschaalt wanneer het alleen floating elementen bevat.

1
2
3
4
<div id="parent">
  <div class="floating"></div>
  <div class="floating"></div>
</div>

De oplossing is om het parent element "overflow: auto" mee te geven, dan schaalt 'ie wel mee.

1
2
3
4
#parent
{
  overflow: auto;
}
pi_114260624
quote:
0s.gif Op maandag 16 juli 2012 07:26 schreef Snoepje5 het volgende:

[..]

Nee werkt ook niet.

Ik heb de achtergrond maar gewoon een height px gegeven.. want dat was het enige probleem: dat de achtergrond niet automatisch meeging met de tekst van dit blok.
quote:
0s.gif Op maandag 16 juli 2012 00:34 schreef Catch22- het volgende:
Ja want je moet even leren hoe het werkt met het boxmodel en floats.

Het is heel belangrijk dat je de bare essentials snapt. Anders wordt t niets
  maandag 16 juli 2012 @ 10:17:42 #160
56176 Catch22-
Ben je Blind?!
pi_114260938
Je moet soms even een stapje terug doen om verder te gaan.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 juli 2012 @ 14:08:14 #161
50298 QM84
Het Orakel
pi_114268373
quote:
0s.gif Op maandag 16 juli 2012 07:26 schreef Snoepje5 het volgende:

[..]

Nee werkt ook niet.

Ik heb de achtergrond maar gewoon een height px gegeven.. want dat was het enige probleem: dat de achtergrond niet automatisch meeging met de tekst van dit blok.
Google maar eens op clearfix. En dan wel de 'nieuwe' gebruiken en niet de oude.

Verder nog een algemeen opmerkinkje: Je gebruikt nu voor je floatende blokken ID's als identifyers, is niet aan te raden. Op het moment dat je er nog 2 blokken onder wilt met dezelfde eigenschappen, moet je ook die ook weer aparte id's meegeven... Classes zijn dus beter.
dat dus.
pi_114277678
Hallo, ik ben een simpele site-layout aan het maken en ik heb een probleempje met CSS.
Wat ik probeer, is een simpele layout met drie kolommen te maken. Een brede kolom links met de content, en twee smallere met extra informatie en/of een banner.

Ik heb nu deze CSS gebruikt voor de content-kolom en de andere twee smallere kolommen:
1
2
.content { display: inline-table; width: 410px; margin: 10px; border: 1px solid black; padding: 10px; }
.column { display: inline-table; width: 180px; margin: 10px 10px 10px auto; border: 1px solid black; padding: 10px; }

Maar nu wordt de onderkant van alle kolommen gelijkgezet, wat niet mooi is (ik wil dat alle kolommen op dezelfde hoogte beginnen, niet op dezelfde hoogte eindigen).
Dit krijg ik wel voor elkaar als ik "display: block;" gebruik en "float: left;", maar het probleem wat ik dan heb, is dat de div waar de hele kolom-layout in staat, als het ware te vroeg ophoud, hij heeft geen hoogte meer.

Zou iemand me met deze informatie verder kunnen helpen? Als dat handig is kan ik ook de hele source posten (maar dan moet ik het eerst even allemaal een beetje fatsoeneren). Alvast bedankt :)

[ Bericht 3% gewijzigd door kutkloon7 op 16-07-2012 17:52:37 ]
pi_114280232
Float clearen?
pi_114280326
Ja, precies waar deze hele pagina al over gaat dus.
pi_114284077
quote:
14s.gif Op maandag 16 juli 2012 18:43 schreef KomtTijd... het volgende:
Ja, precies waar deze hele pagina al over gaat dus.
Oeps :@
Maar even lezen dan, want die term op zich zegt me niet zoveel. Bedankt iig ;)
pi_114286566
Werkt perfect trouwens ^O^
  maandag 16 juli 2012 @ 20:59:55 #167
56176 Catch22-
Ben je Blind?!
pi_114287165
Uit de op

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/

die had je gelezen neem ik aan
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_114288523
quote:
1s.gif Op maandag 16 juli 2012 20:59 schreef Catch22- het volgende:
Uit de op

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/

die had je gelezen neem ik aan
Nee. Maar ik had het wel heel lang zelf geprobeerd :P

Maar je hebt een punt ja, die had ik eerst gelezen moeten hebben. Ik dacht alleen niet dat het zo'n veelvoorkomend probleem was. Weer wat geleerd.
  maandag 16 juli 2012 @ 21:37:41 #169
56176 Catch22-
Ben je Blind?!
pi_114289692
Het leeuwendeel van de 'problemen' hier gaat over floats en positionering
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 juli 2012 @ 22:30:49 #170
75710 Sheep666
counting sheep
pi_114293481
Mijn probleem is opgelost w/

Voor de geïnteresseerden:

1
2
3
4
5
6
7
8
9
ul#nav ul li a { 
  color: #FFF;
  text-shadow: none;
}

ul#nav ul li a:hover { 
  color: #222;
  margin-right: 2px;
}

Vervangen door:

1
2
3
4
5
6
7
8
9
ul#nav ul li a, ul#nav li.selected ul li a { 
  color: #FFF;
  text-shadow: none;
}

ul#nav ul li a:hover, ul#nav li.selected ul li a:hover { 
  color: #222;
  margin-right: 2px;
}

Nogmaals allen bedankt voor de hulp :)
  maandag 16 juli 2012 @ 22:32:37 #171
163768 Happel
Je Suis Roi
pi_114293602
quote:
0s.gif Op maandag 16 juli 2012 21:37 schreef Catch22- het volgende:
Het leeuwendeel van de 'problemen' hier gaat over floats en positionering
Echt spannend zijn de problemen niet echt inderdaad.
Elite
Feyenoordsupporters gaan naar de hemel, als er in de hel geen plaats meer is
Tegen TTIP
  maandag 16 juli 2012 @ 22:36:02 #172
56176 Catch22-
Ben je Blind?!
pi_114293843
quote:
0s.gif Op maandag 16 juli 2012 22:30 schreef Sheep666 het volgende:
Mijn probleem is opgelost w/

Voor de geïnteresseerden:
[ code verwijderd ]

Vervangen door:
[ code verwijderd ]

Nogmaals allen bedankt voor de hulp :)
je hebt iets toegevoegd wat je elders weg had moeten halen...
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_114295076
1
2
3
4
5
6
7
8
9
#nav ul a, #nav .selected ul a { 
  color: #FFF;
  text-shadow: none;
}

#nav ul a:hover, #nav .selected ul a:hover { 
  color: #222;
  margin-right: 2px;
}
fixed those selectors for you
  maandag 16 juli 2012 @ 22:59:07 #174
75710 Sheep666
counting sheep
pi_114295396
quote:
1s.gif Op maandag 16 juli 2012 22:36 schreef Catch22- het volgende:
je hebt iets toegevoegd wat je elders weg had moeten halen...
heb het niet helemaal zelf gedaan :@

quote:
14s.gif Op maandag 16 juli 2012 22:54 schreef KomtTijd... het volgende:

[ code verwijderd ]

fixed those selectors for you
Tnx maaruh... als ik dat erin plak, is het probleem weer terug :X
Dus als je het niet erg vindt... ;)

Ik ga weer snel verder bouwen aan die site, heb er weer zin in :W
  maandag 16 juli 2012 @ 23:27:40 #175
56176 Catch22-
Ben je Blind?!
pi_114297202
Renren all over again
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_114299913
quote:
0s.gif Op maandag 16 juli 2012 23:27 schreef Catch22- het volgende:
Renren all over again
Gast, doe normaal, ik laat jou toch ook met rust?
pi_114302842
Is dat het lokale reeks relletje?
"Social order at the expense of liberty is hardly a bargain."
pi_114303114
quote:
0s.gif Op maandag 16 juli 2012 23:27 schreef Catch22- het volgende:
Renren all over again
Ik snap hem niet.
  dinsdag 17 juli 2012 @ 07:48:57 #179
56176 Catch22-
Ben je Blind?!
pi_114304429
Insiders snappen em wel
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_114305387
quote:
0s.gif Op dinsdag 17 juli 2012 07:48 schreef Catch22- het volgende:
Insiders snappen em wel
Indeed :)
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')