header + menu centered (css)

Gestart doorPepijniscool25 reacties312 weergaven

26 berichten · pagina 1 van 2

Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Help ik wil graag mijn header aan de container vast: ***(aangepast wil je de link pb me ff)
Maar, het lukt echt niet.

al veeeel geprobeerd maar het lukt niet

CSS:
Spoiler tonen
html body > div.heading
    {
        position: relative;
        position: center;
        
        width: 1000px;
        background: no-repeat center top #232323;
        z-index: 100;
    }
HTML:
Spoiler tonen
<center>
<div class="menu_black">
<div class="menu_content">
<div class="sepator"></div>
<div class="menu_item">
<a href="/"><div class="caption"><span class="icon house">&nbsp;&nbsp;&nbsp;&nbsp;</span>Home</div></a>
<div class="submenu">
<a href="/"><div class="subitem"><span class="icon house">&nbsp;&nbsp;&nbsp;&nbsp;</span>Home</div></a>
<a href="/leaq/online"><div class="subitem"><span class="icon status_online">&nbsp;&nbsp;&nbsp;&nbsp;</span><strong>2</strong>&nbsp;Online&nbsp;Leden</div></a>
<a href="/leaq/over"><div class="subitem"><span class="icon information">&nbsp;&nbsp;&nbsp;&nbsp;</span>Over&nbsp;Leaq</div></a>
<a href="/leaq/team"><div class="subitem"><span class="icon user_gray">&nbsp;&nbsp;&nbsp;&nbsp;</span>Het&nbsp;Team</div></a>
<a href="/leaq/partners" class="last"><div class="subitem"><span class="icon arrow_refresh">&nbsp;&nbsp;&nbsp;&nbsp;</span>Linkpartners</div></a>
</div>
</div>
<div class="sepator"></div>
<div class="menu_item">
<a href="/berichten/index"><div class="caption"><span class="icon email">&nbsp;&nbsp;&nbsp;&nbsp;</span>Berichten</div></a>
<div class="submenu">
<a href="/berichten/index"><div class="subitem"><span class="icon email">&nbsp;&nbsp;&nbsp;&nbsp;</span>Postvak&nbsp;IN</div></a>
<a href="/berichten/verzonden"><div class="subitem"><span class="icon email_go">&nbsp;&nbsp;&nbsp;&nbsp;</span>Verzonden</div></a>
<a href="/berichten/maak" class="last"><div class="subitem"><span class="icon email_edit">&nbsp;&nbsp;&nbsp;&nbsp;</span>Verstuur&nbsp;bericht</div></a>
</div>
</div>
<div class="sepator"></div>
<div class="menu_item">
<a href="/forum/index"><div class="caption"><span class="icon comments">&nbsp;&nbsp;&nbsp;&nbsp;</span>Het Forum</div></a>
<div class="submenu">
<a href="/forum/index"><div class="subitem"><span class="icon comments">&nbsp;&nbsp;&nbsp;&nbsp;</span>Het&nbsp;Forum</div></a>
<a href="/forum/mijn-posts"><div class="subitem"><span class="icon user_comment">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn&nbsp;Topics&nbsp;&amp;&nbsp;Berichten</div></a>
<a href="/forum/statistieken"><div class="subitem"><span class="icon chart_bar">&nbsp;&nbsp;&nbsp;&nbsp;</span>Forum&nbsp;Statistieken</div></a>
<a href="/forum/forum?id=1" class="last"><div class="subitem"><span class="icon exclamation">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mededelingen</div></a>
</div>
</div>
<div class="sepator"></div>
<div class="menu_item">
<a href="/profiel"><div class="caption"><span class="icon user_green">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn Account</div></a>
<div class="submenu">
<a href="/profiel"><div class="subitem"><span class="icon user_green">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn&nbsp;Profiel</div></a>
<a href="/vrienden/index"><div class="subitem"><span class="icon group">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn&nbsp;Vrienden</div></a>
<a href="/account/instellingen"><div class="subitem"><span class="icon user_edit">&nbsp;&nbsp;&nbsp;&nbsp;</span>Account&nbsp;Instellingen</div></a>
<a href="/account/profiel_instellingen"><div class="subitem"><span class="icon color_wheel">&nbsp;&nbsp;&nbsp;&nbsp;</span>Profiel&nbsp;Instellingen</div></a>
<a href="/account/kladblok"><div class="subitem"><span class="icon page">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn&nbsp;Kladblok</div></a>
<a href="/notificaties"><div class="subitem"><span class="icon table">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn&nbsp;Notificaties</div></a>
<a href="/motto"><div class="subitem"><span class="icon message">&nbsp;&nbsp;&nbsp;&nbsp;</span>Mijn&nbsp;Motto wijzigen</div></a>
<a href="/account/uitloggen?hash=7BACC-5A6F3-4A456-62ADB-4B204-97851" class="last"><div class="subitem"><span class="icon door_open">&nbsp;&nbsp;&nbsp;&nbsp;</span>Uitloggen</div></a>
</div>
</div>
<div class="sepator"></div>
<div class="menu_item">
<a href="/punten/kopen"><div class="caption"><span class="icon coins">&nbsp;&nbsp;&nbsp;&nbsp;</span>Punten</div></a>
<div class="submenu">
<a href="/punten/kopen"><div class="subitem"><span class="icon coins">&nbsp;&nbsp;&nbsp;&nbsp;</span>Punten kopen</div></a>
<a href="/punten/index"><div class="subitem"><span class="icon table">&nbsp;&nbsp;&nbsp;&nbsp;</span>Transactieoverzicht</div></a>
<a href="/punten/handelen"><div class="subitem"><span class="icon arrow_switch">&nbsp;&nbsp;&nbsp;&nbsp;</span>Handelen</div></a>
<a href="/hosting/bestellen"><div class="subitem"><span class="icon server">&nbsp;&nbsp;&nbsp;&nbsp;</span>Hosting bestellen</div></a>
<a href="/games/loterij"><div class="subitem"><span class="icon joystick">&nbsp;&nbsp;&nbsp;&nbsp;</span>Games</div></a>
<a href="/punten/kans" class="last"><div class="subitem"><span class="icon joystick">&nbsp;&nbsp;&nbsp;&nbsp;</span>Kans spel</div></a>
</div>
</div>
<div class="sepator"></div>
<div class="menu_item">
<a href="/ticket/index"><div class="caption"><span class="icon help">&nbsp;&nbsp;&nbsp;&nbsp;</span>Ticket</div></a>
</div>

<div class="sepator"></div>
<div class="menu_item">
<a href="/beheer/index"><div class="caption"><span class="icon server">&nbsp;&nbsp;&nbsp;&nbsp;</span>Beheer</div></a>
</div></div></div></center>
dit is het nu:
Afbeelding

Het moet dit worden:
Afbeelding
0
Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Width: 1024px;
0
Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
werkt niet
0
Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Haal position center maar weg
0
Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
dit is het nu:
Afbeelding

Het moet dit worden:
Afbeelding
0
Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ooow zo, sorry dacht dat je header doorgetrokken moest worden.
0
Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
dan kan ik ook 100% doen bij width dus..

toevoeging op 20 april 2013, 20:43:02:
np hoor
0
Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Doe bij je dropdown gewoon een margin-left: -AANTALpx; ???

toevoeging op 20 april 2013, 20:53:22:
Die - er wel bij doen xD
0
Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Desire schreef:
Doe bij je dropdown gewoon een margin-left: -AANTALpx; ???
toevoeging op 20 april 2013, 20:53:22:
Die - er wel bij doen xD
sadley geen resultaat.

toevoeging op 20 april 2013, 21:02:11:
edit:en ja ik weet wel dat ik "aantal" moet aanpassen hoor yummie
0
Berichten
387
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Probeer eens

margin-left:auto;
margin-right:auto;
0
Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
sadley komt ie niet in het midden
0
Berichten
473
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Moet je dan niet gewoon de zelfde width / position code als bij de header doen? Als je die code nou ook eens post, als dat is wat je bedoelt.
0
Pepijniscool

Lid · Topicstarter

Berichten
204
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bartw schreef:
Moet je dan niet gewoon de zelfde width / position code als bij de header doen? Als je die code nou ook eens post, als dat is wat je bedoelt.
Klik op de spoiler faal
0
Berichten
473
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Sorry, maar probeer die css eens toe te voegen?
0
Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Zet om je header en de rest een div met width: ...px; en margin: 0 auto; en eventueel position: relative;
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