[Opgelost] Random image in header

[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?

[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.

[Gregor]

Dank je Jos. Voor mijn beeld, waar vind ik die?

[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:

Code: Select all

.rotate {
	width: 170px;
}

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.

[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??

[Jos]

O ja, sorry, voeg er nog een float aan toe:

Code: Select all

/* instelling voor de rotate function */
.rotate {
  width: 160px;
  float: left;
}

[Gregor]

You're great!