Page 2 of 2
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 5:01 am
by Gregor
Sorry Jos
Maar, het goede nieuws is dat je suggestie wel werkt
Nu nog eens uit een eerdere post zien te begrijpen hoe ik die rotate aan de rechterkant van de pagina krijg....
Gregor
Edit:
www.uisge-beatha.eu De tekst is vrij hardnekkig om zich onder de foto te plaatsen i.p.v. naast de foto. Foto mag links blijven, maar zou de tekst er graag naast hebben.... Suggesties?
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 9:23 am
by Jos
Om de tekst ernaast te krijgen, kun je de div.rotate een breedte geven van 170px ofzo. Nu heeft die een 100% breedte waardoor er inderdaad niets meer naast past.
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 9:25 am
by Gregor
Dank je Jos. Voor mijn beeld, waar vind ik die?
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 9:46 am
by Jos
er is een div met class="rotate" waar het plaatje in staat.
Als er nog geen .rotate in je CSS stylesheet staat, dan kun je toevoegen:
Met de
webdeveloper toolbar plugin voor Firefox kun je dit soort dingen makkelijk zien. De optie "Display element information" toont een rood kader om de elementen als je er met je muis overheen gaat. Dan zie je direct wat de grootte ervan is.
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 9:56 am
by Gregor
Ja, gevonden, en het volgende ingesteld:
Code: Select all
/* relational links under content */
div.left49 {
width: 62%; /* 49% for both left and right might lead to rounding error on some browser */
}
div.right49 {
float: right;
width: 36%; /* 49% for both left and right might lead to rounding error on some browser */
text-align: right;
}
/* instelling voor de rotate function */
.rotate {
width: 160px;
}
/********************
CONTENT STYLING
*********************/
/*
div#content {
Maar het komt er nog niet naast te staan. Zie ik iets over het hoofd??
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 10:01 am
by Jos
O ja, sorry, voeg er nog een float aan toe:
Code: Select all
/* instelling voor de rotate function */
.rotate {
width: 160px;
float: left;
}
Re: [Opgelost] Random image in header
Posted: Wed Dec 02, 2009 10:03 am
by Gregor
You're great!