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.
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?
CSS3 heeft wel een background-size property. Maar dat werkt alleen nog maar in webkit als ik me niet vergis.
Nee.
Hoe stel ik in dat de verticale scrollbar pas bij een bepaalde window-hoogte wordt geactiveerd? Er zitten elementen in de website die standaard hoger zijn dan de window-hoogte vanaf wanneer ik de scrollbar actief wil 
Niet.quote:
Hoe stel ik in dat de verticale scrollbar pas bij een bepaalde window-hoogte wordt geactiveerd? Er zitten elementen in de website die standaard hoger zijn dan de window-hoogte vanaf wanneer ik de scrollbar actief wil
Waarom zou je die elementen niet willen laten zien?
Uh, die elementen niet zo hoog maken? Als je elementen onder de vouw hebt staan heb je scrollbalken nodig om die content te kunnen zien. Als je elementen onder de vouw wilt plaatsen en niet de mogelijkheid wilt bieden om daar naartoe te scrollen doe je iets fout..
Nou ik heb op de achtergrond een flash-element die een vaste grootte heeft. Maar bij nader inzien zou ik die ook nog best gewoon een auto-hoogte kunnen geven, werkt ook wel eigenlijk 
Edit: ik heb het flash element (zwarte fadein voor de achtergrond) op height:auto gezet, maar nu verschijnt hij helemaal niet meer, is dit normaal dat het vervormen van de verhoudingen van flash problemen oplevert?
Edit: ik heb het flash element (zwarte fadein voor de achtergrond) op height:auto gezet, maar nu verschijnt hij helemaal niet meer, is dit normaal dat het vervormen van de verhoudingen van flash problemen oplevert?
Flash op de achtergrond zetten? Er zijn landen waar de doodstraf op dat soort acties staat, en terecht!
quote:
Flash op de achtergrond zetten? Er zijn landen waar de doodstraf op dat soort acties staat, en terecht!
Tja met javascript kan ik al helemaal niks en zo lukt 't me wel een fade-in achtergrond te krijgen.
Koop eens een goed boek over web usabilityquote:
[..]
Tja met javascript kan ik al helemaal niks en zo lukt 't me wel een fade-in achtergrond te krijgen.
Een fade-in op de achtergrond of aan andere storende vorm van animatie vind ik uberhaupt al not done. Dit is het internet, geen lichtreclame.
Qua beeld stoort het helemaal niet hoor, het is niet zo druk als het klinktquote:
[..]
Koop eens een goed boek over web usability
2 divs over elkaar, achterste de achtergrondafbeelding, voorste RGBA-achtergrond en aanpassen met javascript.quote:
[..]
Tja met javascript kan ik al helemaal niks en zo lukt 't me wel een fade-in achtergrond te krijgen.
