Archief - Oefenen in CSS

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

DeGeestJ

Legacy Member
hey allemaal,

ik ben zo wat aan het oefenen met css maar ik geraak ni echt wijs uit het positioneren...
ik zou mijn navbar in mijn header willen maar zoals jullie hier zien komt ie er steeds onder geplaatst...hoe moet ik dit erin krijgen?


THX:oink:
B

BuZz.LiGhTYeAr

Legacy Member
PHP: 
#navbar{
float: right;
height: 101px;
width: 400px;
}
#logo{
float: left;
height: 101px;
width: 400px;
}

Ge moet uw floats wel nog escapen, lijkt me een goei oefening als ge zelf opzoekt hoe dat moet ;)
Y

Yuut

Legacy Member
Origineel:
<div id="logo"><img src="images/csssteven_01.jpg" alt="logo" /></div>

Probeer eens:
<div id="logo"><img src="images/csssteven_01.jpg" alt="logo" />
... knopkes hierin zetten

</div>

Btw, 'k vind het very stylish ^^
D

DeGeestJ

Legacy Member
BuZz.LiGhTYeAr zei:
PHP: 
#navbar{
float: right;
height: 101px;
width: 400px;
}
#logo{
float: left;
height: 101px;
width: 400px;
}

Ge moet uw floats wel nog escapen, lijkt me een goei oefening als ge zelf opzoekt hoe dat moet ;)
Klik om te vergroten...

Kheb het geprobeerd ma mijn navbar blijft nog steeds een verdieping:rofl: eronder staan...
h

het.pc.schaap

Legacy Member
logo als bg op de div zetten? op no-repeat de div 400px breed maken padding-left van 400px en dan je navbar daar he :)
zo zou ik het doen
gewoon één div,
grts

P.S. idd zeer stylish
Y

Yuut

Legacy Member
het.pc.schaap zei:
logo als bg op de div zetten? op no-repeat de div 400px breed maken padding-left van 400px en dan je navbar daar he :)
zo zou ik het doen
gewoon één div,
grts

P.S. idd zeer stylish
Klik om te vergroten...

'k zou persoonlijk ook minder divs gebruiken eiglk.
D

DeGeestJ

Legacy Member
Kijk zo heb ik het gemaakt in photoshop, dus dit is wat ik wil bereiken met mijn header...
de width is 1000px waarvan 356px logo dan moet er ruimte tussen zijn, en dan pas mijn navbar(die bestaat uit verschillende div's).

Maar mijn probleem is dat ik mijn navbar niet in mijn header krijg..Het zal hoogstwaarschijnlijk iets heel stoms zijn in mijn html denk ik..
D

DeGeestJ

Legacy Member
Ondertussen heb ik het gevonden, heb het volgende gedaan :
#header {
width: 50%;
height: 101px;
float: left;
background-image:url('images/csssteven_03.jpg') ;
background-repeat: repeat-x;}
#navbar {
width: 50%;
height: 101px;
float: right;
background-image:url('images/csssteven_03.jpg') ;
background-repeat: repeat-x;}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan