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.
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:
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> |
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
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?
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?
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 ]
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 ]
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
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?
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?
Is het niet gewoon een kwestie van
in het parent element zetten (het element waar de floats in zitten)?
| 1 | overflow: auto; |
in het parent element zetten (het element waar de floats in zitten)?
Nee werkt ook niet.quote: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)?
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.
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?
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?
Echt wel.quote:
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; } |
quote: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:
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
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?
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?
Google maar eens op clearfix. En dan wel de 'nieuwe' gebruiken en niet de oude.quote:
[..]
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.
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.
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:
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 ]
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 ]
Oepsquote:Op maandag 16 juli 2012 18:43 schreef KomtTijd... het volgende:
Ja, precies waar deze hele pagina al over gaat dus.
Maar even lezen dan, want die term op zich zegt me niet zoveel. Bedankt iig
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
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?
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?
Nee. Maar ik had het wel heel lang zelf geprobeerdquote: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
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.
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?
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?
Mijn probleem is opgelost 
Voor de geïnteresseerden:
Vervangen door:
Nogmaals allen bedankt voor de hulp
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
Echt spannend zijn de problemen niet echt inderdaad.quote:
Het leeuwendeel van de 'problemen' hier gaat over floats en positionering
je hebt iets toegevoegd wat je elders weg had moeten halen...quote:
Mijn probleem is opgelost
Voor de geïnteresseerden:
[ code verwijderd ]
Vervangen door:
[ code verwijderd ]
Nogmaals allen bedankt voor de hulp
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?
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?
| 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; } |
heb het niet helemaal zelf gedaanquote:
je hebt iets toegevoegd wat je elders weg had moeten halen...
Tnx maaruh... als ik dat erin plak, is het probleem weer terugquote:
[ code verwijderd ]
fixed those selectors for you
Dus als je het niet erg vindt...
Ik ga weer snel verder bouwen aan die site, heb er weer zin in
