Archief - div layout probleem

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.

ArmandRicard

Legacy Member
Hoi,

op :+: Crusade Alliance :+: kan je zien wat ik bedoel.

Het kruislogo moet links komen, de Crusade Alliance in het midden en het lotrologo rechts..maar dat wilt maar niet goedkomen.

Uiteindelijk is dit mijn css voor die bovenkant:
.logo {
text-align:left;
padding-left:15px;
padding-bottom:15px;
float:left;
}

.title {
margin: 0px auto;
float:left;
}

.lotrologo {
text-align:right;
float:right;
}

Die title die mooi in het midden moet komen is dus mijn probleem..
what to do what to do?

Groeten,
Marius

Devastate

Legacy Member
als ge uw title float zal die margin-center niet meer werken hé.

ArmandRicard

Legacy Member
ja de css is nu verandert maar als je nu een kijkje neemt naar de site..amaai, dikke miserie die divs..

css ziet er nu zo uit:
.container {
width:1000px;
height:1000px;
margin:0 auto;
margin-top:15px;
padding-top:15px;
background: url("../images/tablebackground.gif") no-repeat;
background-position:bottom;
background-color:#000000;
border-width:1;
border-color:#d68d28;
border-style:solid;
}

.contentd {
padding-left:15px;
text-align:left;
font-size:16px;
font-family:Arial;
color:#e8d39a;
}

.logo {
width:240px;
float:left;
text-align:left;
margin-left:10px;
padding-bottom:15px;
}

.title {
position:absolute;
width:500px;
margin-left:240px;
margin-right:240px;
}

.lotrologo {
width:240px;
float:right;
text-align:right;
margin-right:10px;
}

.fotobox {
float:left;
text-align:left;
margin-left:15px;
}

.content {
float:left;
text-align:left;
margin-left:15px;
}

p {
font-size:15px;
font-family:Arial;
color:#e8d39a;
}

Maar als je naar de site kijkt zie je dat die tekst niet mooi naast de bovenkant van die imageslider staat.. waarom? geen idee..

en als ik in mijn container waarin mijn andere divs staan geen height=1000px plaats, is het helemaal om zeep..kan die container div niet gewoon automatisch vergroten naargelang wat er in komt?

Groeten,
Marius

ArmandRicard

Legacy Member
bon..de indexpagina trekt er al wat beter op maaaaar..
ik zou gewoon nog willen weten hoe ik mijn containerdiv automatisch kan laten expanden naargelang welke child-divs erin komen..

mijn css: www.crusadealliance.com/css/opmaak.css

edit: laat maar, t'probleem heeft zichzelf opgelost tijdens het kuisen van de code :p

Groeten,
Marius

Drone

Legacy Member
Waarom maak je niet gewoon de banner in photoshop? Dan kan je al een hele hoop divs laten vallen. Als je toch 3 images wilt kan je gewoon de divs die er rond staan weg doen en de images zelf laten floaten.

bv:

Code:
<div id="banner">
  <img src="images/logo.gif" alt="logo"/>
  <img src="images/title.gif" alt="title"/>
  <img src="images/lotrologo.gif" alt="lotrologo"/>
</div>

Dan kan je die lege div met clear ook weg laten.
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