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.
Wat Light zegt. Probeer Position zoveel mogelijk te vermijden. Er zijn situaties waarbij je niet zonder kunt (elementen die over elkaar moeten vallen, of die bewust op afwijkende plaats in de HTML moeten komen), maar in alle andere gevallen maak je het jezelf er alleen maar lastig mee.
Wat is het voordeel van alles laten floaten?
Laten we zeggen dat ik 4 layers heb
Header
Searchbox
Content
Footer
En alleen de inhoud van content varieert , de rest is statisch. Hoe zou ik dat dan het beste kunnen doen?
Laten we zeggen dat ik 4 layers heb
Header
Searchbox
Content
Footer
En alleen de inhoud van content varieert , de rest is statisch. Hoe zou ik dat dan het beste kunnen doen?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Ligt er maar net aan hoe je indeling is.
En het voordeel van alles laten floaten is dat dat simpelweg het makkelijkst is.
Ik denk dat je ongeveer aan zo'n indeling zit:
Waarschijnlijk wil je ook nog ergens een menu....
En het voordeel van alles laten floaten is dat dat simpelweg het makkelijkst is.
Ik denk dat je ongeveer aan zo'n indeling zit:
| 1 2 3 4 5 6 7 | <header> <search></> </> <content></> <footer></> </> |
Waarschijnlijk wil je ook nog ergens een menu....
Ik heb het nu zo, mijn hele layout is nu absolute..... en je kunt blijkbaar niet zomaar ombouwen naar float.quote:Op vrijdag 22 januari 2010 10:20 schreef KomtTijd... het volgende:
Ligt er maar net aan hoe je indeling is.
En het voordeel van alles laten floaten is dat dat simpelweg het makkelijkst is.
Ik denk dat je ongeveer aan zo'n indeling zit:
[ code verwijderd ]
Waarschijnlijk wil je ook nog ergens een menu....
Ik snap niet echt hoe ik dit met float kan doen, dan valt mijn hele layout uit elkaar............... Hoe zorg je er dan ooit voor dat de plaatsing ten opzichte van de container en elkaar nog klopt?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
quote:Op vrijdag 22 januari 2010 10:57 schreef Sitethief het volgende:
[..]
Ik heb het nu zo, mijn hele layout is nu absolute..... en je kunt blijkbaar niet zomaar ombouwen naar float.
Ik snap niet echt hoe ik dit met float kan doen, dan valt mijn hele layout uit elkaar............... Hoe zorg je er dan ooit voor dat de plaatsing ten opzichte van de container en elkaar nog klopt?
Nondeju wat moet dát in hemelsnaam voorstellen? Ja met zo'n paginabron zou ik er ook niet meer uitkomen.Ik zou zeggen, maak eens met 3 of 4 div's zo'n structuur al ik hierboven beschreef maar dan met die search in de content. Zet je css in een aparte stylesheet. Geef alle elementen even een goed opvallende achtergrondkleur zodat je kunt zien wat er gebeurt. Volgens mij hoef je nieteens de float aan te passen, alles staat van zichzelf dan al goed.
Het was een gesliced design in een table met cellen..... ik ben hem aan het ombouwen. Maar ik zet meestal pas mijn css in een apart css bestand als de pagina enigzinswerkt. Nu kan ik alles in één document wijzigen en raak ik zelf de weg niet kwijt, dat heb ik nogal snel als de css in een apart bestand staat. Wel handig als je nog met de layout enzo bezig bent.
Tjah, ik kan het ook niet helpen dat ze mij de slices zo hebben aangeleverd. Ik kan er niet minder divjes van maken omdat elk divje een aparte image heeft die samen de layout vormen.
Tjah, ik kan het ook niet helpen dat ze mij de slices zo hebben aangeleverd. Ik kan er niet minder divjes van maken omdat elk divje een aparte image heeft die samen de layout vormen.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Ik zag trouwens dat al mijn tabs weg waren na het uploaden, die heb ik ff hersteld.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Dan zou ik toch maar eens een bronbestand vragen. Of zelf de plaatjes weer aan elkaar plakken. Dit is gewoon onwerkbaar. Hoe was je in hemelsnaam van plan om content toe te voegen als die verdeeld moet zijn over 20 divjes?
Wat je zegt over die table is ook wel treffend. Zo te zien heeft hier iemand geprobeerd met divjes een table na te maken. Dat is niet, ik herhaal NIET het idee van semantische HTML!!!!!
En ik begrijp niet hoe je in hemelsnaam die inline-styles overzichtelijk kunt vinden. Als je het in één bestand wilt houden, gebruik dan gewoon de <style> tag in je head.
Wat je zegt over die table is ook wel treffend. Zo te zien heeft hier iemand geprobeerd met divjes een table na te maken. Dat is niet, ik herhaal NIET het idee van semantische HTML!!!!!
En ik begrijp niet hoe je in hemelsnaam die inline-styles overzichtelijk kunt vinden. Als je het in één bestand wilt houden, gebruik dan gewoon de <style> tag in je head.
Dank je KomtTijd, ik ga toch eens overleggen of de layout ietsjes anders kan.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Okay, ik heb niet gek veel verstand CSS maar hoe kan ik het volgende het beste aanpakken om dit te bereiken?
Dus 3 van deze blokken even ver van elkaar (hoogte + breedte) en in elke resolutie gecentreerd....
Dus 3 van deze blokken even ver van elkaar (hoogte + breedte) en in elke resolutie gecentreerd....
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
plaats ze in een container
En geef vervolgens elk blok:
margin staat voor ruimte om het item heen, je kan ook een shorthand gebruiken voor alle kanten, dat is:
Dan heeft hij rechts en links 5 pixels ruimte om zich heen.
de shorthand gaat uit van top, right, bottom, left
| 1 2 3 | margin: 0 auto 0 auto; } |
En geef vervolgens elk blok:
| 1 2 3 4 | float: left; margin: 10px; } |
margin staat voor ruimte om het item heen, je kan ook een shorthand gebruiken voor alle kanten, dat is:
| 1 |
Dan heeft hij rechts en links 5 pixels ruimte om zich heen.
de shorthand gaat uit van top, right, bottom, left
Zoals al eerder gezegd weinig tot geen ervaring en of kennis, maar als ik het goed begrijp moet elk blok in een container zetten en dan zou je bijvoorbeeld het volgende kunnen krijgen als html?
En zo voor elk blok (kleur) een ander .blokkleur stuk aanmaken in de css?
| 1 2 3 | inhoud blauwe blok </div> |
En zo voor elk blok (kleur) een ander .blokkleur stuk aanmaken in de css?
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
Nee, je moet één container gebruiken dus je html ziet er dan zo uit:
en je css zo:
Je snapt het idee
| 1 2 3 4 5 | <div class="blok1"> Hier je tekst</div> <div cllass="blok2">Hier je tekst</div> <div class="blok3">Hier je tekst</div> </div> |
en je css zo:
| 1 2 3 4 5 6 7 8 9 10 | width: de totale breedte in px; margin: 0 auto 0 auto; } .blok1 { width: 200px; float: left; margin: 5px; } |
Je snapt het idee
Bedankt voor alle hulp, ben nu al een stuk verder 
.
Hoe krijg je het nu alleen (in de breedte) in alle browsers en resoluties geconcentreerd?
.Hoe krijg je het nu alleen (in de breedte) in alle browsers en resoluties geconcentreerd?
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
margin: 0 auto 0 auto;quote:Op dinsdag 26 januari 2010 23:15 schreef Superheld het volgende:
Bedankt voor alle hulp, ben nu al een stuk verder
Hoe krijg je het nu alleen (in de breedte) in alle browsers en resoluties geconcentreerd?
dat is centreren, daarom moest je het in een container zetten
Haha oeps, vergeten :
te veranderen
.
Nou nogmaals bedankt, ik kan weer verder klooien .
| 1 |
te veranderen
.Nou nogmaals bedankt, ik kan weer verder klooien
.
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
Waarom zet je een gefixeerde grote in onderdelen die binnen de container vallen? Daar word je website niet echt flexibel van.....
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Kan nog korter: als je twee waardes opgeeft gaat shorthand uit van [top&bottom] [left&right]quote:Op dinsdag 26 januari 2010 22:47 schreef TwyLight het volgende:
de shorthand gaat uit van top, right, bottom, left
Dus: "margin: 0 auto;" is ook goed.
Hoi.
Ik heb dit bij mijn h2 als code:
Maar de kleur verandert niet. Ook niet als ik gewoon color:#... doe, doet hij ook niet veranderen.
Wat doe ik verkeerd?
Ik heb dit bij mijn h2 als code:
| 1 2 3 | text-color:f37c7c; } |
Maar de kleur verandert niet. Ook niet als ik gewoon color:#... doe, doet hij ook niet veranderen.
Wat doe ik verkeerd?
In je voorbeeld kloppen 2 dingen niet: het hekje ontbreekt en het moet inderdaad niet "text-color" maar gewoon "color" zijn.
Als het dan nog niet wil heb je waarschijnlijk verderop in de css nog een keer de kleur gedefineerd. Even met firebug bekijken watvoor stijlen er allemaal van toepassing zijn op dat element.
Als het dan nog niet wil heb je waarschijnlijk verderop in de css nog een keer de kleur gedefineerd. Even met firebug bekijken watvoor stijlen er allemaal van toepassing zijn op dat element.
Ben een beetje aan het spelen met css en nu heb ik in een header een background gezet
alleen is deze veels te groot
is er een manier om met css de background-image even groot te maken als mijn header?
ik heb dit al staan
body {background-color:#b0c4de; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 110%;}
div#wrapper {width: 856px; margin: 0 auto;}
div#header {height: 100px; padding: 10px; background-image: url('banner1.jpg'); text-align: center;}
h1, h2 {margin: 0; font-family: Tahoma, sans-serif; font-size: 1.5em;}
h2 {font-size: 1.2em;}
div#header p {margin: 0;}
div#menu {height: 30px; background: black; color: white; text-align: center;}
div#menu p {margin: 0; padding: 15px;}
div#content {background: blue; overflow: hidden;}
div#content p {text-indent: 10px;}
div#links {background-color:red; float: left; width: 60%; padding: 10px;}
div#rechts {background-color:green ;float: right; width: 30%; padding: 10px;}
alleen is deze veels te groot
is er een manier om met css de background-image even groot te maken als mijn header?
ik heb dit al staan
body {background-color:#b0c4de; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 110%;}
div#wrapper {width: 856px; margin: 0 auto;}
div#header {height: 100px; padding: 10px; background-image: url('banner1.jpg'); text-align: center;}
h1, h2 {margin: 0; font-family: Tahoma, sans-serif; font-size: 1.5em;}
h2 {font-size: 1.2em;}
div#header p {margin: 0;}
div#menu {height: 30px; background: black; color: white; text-align: center;}
div#menu p {margin: 0; padding: 15px;}
div#content {background: blue; overflow: hidden;}
div#content p {text-indent: 10px;}
div#links {background-color:red; float: left; width: 60%; padding: 10px;}
div#rechts {background-color:green ;float: right; width: 30%; padding: 10px;}
Nee. Probeer je fotobewerkprogramma.quote:
is er een manier om met css de background-image even groot te maken als mijn header?
