mijn CSS vragen topic

Gestart doorBramk26 reacties93 weergaven

27 berichten · pagina 1 van 2

Bramk

Lid · Topicstarter

Berichten
3.978
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
hey,
ik ben net begonnen met css, en heb dus nog veel problemen.
Al mijn problemen post ik hieronder, wie me wil helpen mag me helpen smile!

1. Hoe zet je de blauwe afbeelding in het midden?
Spoiler tonen
Afbeelding

2. hoe maak je die content rond?
Spoiler tonen
Afbeelding

Hoe maak je daar een div? smile
Spoiler tonen
Afbeelding
legenda:
groen = opgelost
rood= niet opgelost
0
Berichten
5.897
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
margin-left:auto;
margin-right:auto;

weet het niet zeker.
0
Bramk

Lid · Topicstarter

Berichten
3.978
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maartenl schreef:
margin-left:auto;
margin-right:auto;

weet het niet zeker.
ik werk met een externe stylsheet dus moet dit dan zo?

Style.css:
Spoiler tonen
#header {margin-left:auto;
margin-right:auto;}
index.html:
Spoiler tonen
<div id=#header><img scr=css/header.png></div>
of hoe?
0
Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Probeer het zou ik zeggen?
0
Bramk

Lid · Topicstarter

Berichten
3.978
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Gamedealer schreef:
Probeer het zou ik zeggen?
hij is verdwenen door die code.

nog iemand met ideen?
0
Berichten
2.363
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je moet de div wel een breedte en hoogte meegeven smileDit zijn dus de formaten van de afbeelding. Dat zet je vervolgens bij je #header in de css.

#header{
margin: 0 auto;
width: 100px;
height: 100px;
}


Zelf even de formaten bekijken smile
0
Bramk

Lid · Topicstarter

Berichten
3.978
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dweazel schreef:
Je moet de div wel een breedte en hoogte meegeven smileDit zijn dus de formaten van de afbeelding. Dat zet je vervolgens bij je #header in de css.

#header{
margin: 0 auto;
width: 100px;
height: 100px;
}
Zelf even de formaten bekijken smile
hij blijft onzichtbaar....
ik heb dit in index.html:
Spoiler tonen
Afbeelding niet beschikbaarDe oorspronkelijke afbeelding of link ontbreekt.
en dit in css:

#header {margin-left:auto;
margin-right:auto;
margin: 0 auto;
width: 800px;
height: 200px;}
0
Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<div id=#header>


>
<div id="header">
0
Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maak een container of wrapper aan, geef hieraan de breedte van de lay-out dus zeg maar zo:

.container{
width:1000px
margin:0 auto;}


toevoeging op 22 januari 2012, 11:52:20:
En de height uiteraard meegeven.
0
Berichten
2.363
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Inderdaad wat Gamedealer zegt. Dat even aanpassen. En roep je de style.css wel op dan? Met waar style.css de naam is van jouw document.
0
Bramk

Lid · Topicstarter

Berichten
3.978
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dweazel schreef:
Inderdaad wat Gamedealer zegt. Dat even aanpassen. En roep je de style.css wel op dan? Met waar style.css de naam is van jouw document.
blijft onzichtbaar

toevoeging op 22 januari 2012, 12:03:38:
Patricka schreef:
Maak een container of wrapper aan, geef hieraan de breedte van de lay-out dus zeg maar zo:
.container{
width:1000px
margin:0 auto;}


toevoeging op 22 januari 2012, 11:52:20:
En de height uiteraard meegeven.

ff kijken eerst eten wink
0
Berichten
10.857
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien

Den Haag

Waarom geen ? smile
0
Berichten
5.897
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Caner schreef:
Waarom geen ? smile
Met CSS staat het mooier.
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Caner schreef:
Waarom geen ? smile
Niet xhtml valid smile
toevoeging op 22 januari 2012, 13:56:36:
Probeer eens; width: 100%; text-align: center;
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
css:

#header {
margin: 0 auto;
width: 800px;
height: 200px;}


html:

<div id="header"><img src="css/header.png" alt="" /></div>


Je zag de afbeelding niet omdat je Afbeelding niet beschikbaarDe oorspronkelijke afbeelding of link ontbreekt.scr= had, het moet src= zijn yummie
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren