IMG och P taggen relative till varandra

<div>
     <img src="foo.gif" style="vertical-align:top">Text...
</div>

:)

Så enkelt? Tack!
Som vanligt försöker jag krångla till allt först.
Det är bara det att jag inte kan styra texten med en P tag i ditt förslag, men det är bättre än förut om det fungerar.
Jo jag vet den generella p taggen som ligger i body. Problemet är att den är satt till 100% font storlek och jag vill ha 90% vid bilden, helst utan att skriva in det varje gång jag ska använda den.

Ska testa när jag kommer hem.

Mvh
Jan-Olov

Du kan ju även göra så här:

<div>
     <p><img src="foo.gif" style="vertical-align:top">Text...</p>
</div>

:)

Vet inte om jag förstår dig rätt...
Du menar att du vill ha en mindre stil på p-elementets innehåll ENDAST vid bilden?

Då kan du ju lösa det med css.
Skapa en ny CSS-regel: p.bild {}
Mellan måsvingarna skriver du deklarationen för regeln. Typ fontstrolek, fontfärg osv.

Sedan ropar du på denna i HTML-dokumentet genom att skriva <p class="bild"> text</p> så får du önskad text där .

Hej nikki
Hur jag får mindre storlek på p taggen vet jag, det är att få texten på rätt ställe i förhållande till bilden som är problemet.

Skall testa båda varianterna så snart jag slutar på jobbet. Tack Peter S

Mvh
Jan-Olov

Har nu testat Peter S förslag och efter min felbeskrivning så fungerar helt klart hans lösning, men kolla länken här så förstår Ni bättre vad det är jag svamlar om.
http://www.savhammar.net/palkran/link/belgien.php
Texten startar nu mycket riktigt upptill, men sedan vid radbyte blir det hela fel, ja Ni ser själva.
Någon som har ett förslag?

Mvh
Jan-Olov

<img src="foo.gif" style="vertical-align:top; float:left;">

Tack Dino, det blev skillnad.
Nu behöver jag bara få tillbaks bilden i diven igen...

Den hamna bakom, i IE ivarjefall.

Mvh
Jan-Olov

Är det så här du menar (designmässigt) att du vill ha det?

http://www27.brinkster.com/buzan/test/banan.html

i såfall kan du kolla källan på den sidan. Värdena kan du ju själv laborera med så det passar din lösning.

Lycka till.

Hej nikki och tack!

Det är just det som är problemet, det fungerar i tabell men inte i en div tag. Jag vill inte ha en tabell, är lite tjurig på den punkten §e

Ska laborera lite med att få in en till div i min nuvarande div, kanske kan lösa det hela. Den andra diven som ska vara inbäddad i den första har en tendens att "flyta" ut och täcka alla dom andra också. Begriper inte varför, men så blir det.

Tack för förslagen

Mvh
Jan-Olov

*ler* Men ovanstående funkar även utan tabell.. men då med ett "fönster" som inte är maximerat :)

Lycka till..och snälla berätta gärna HUR du löser det!! *nyfis*

Testa detta:

<div class="content">
	<p class=bild><a href="bilder/socofonda/socofonda2.jpg"><img border="0" src="bilder/socofonda/thumbs/th_socofonda2.jpg" width="150" height="68" style="vertical-align:top; float:left; position:relative" alt="Masten"></a>
	Bosse ifrån Banut och jag var här för att rikta masten som var krokig samt att reparera larvbreddningen.</p>&nbsp;
</div>

:)

Hej Peter S
Jag lekte med den tanken också, det ser ut så här nu.
http://www.savhammar.net/palkran/link/belgien.php
Bilden glider ur sin div tag Varför?
Genom att sätta paddingen på P taggen så hamnar bilderna i diven men rutorna blir så förtvivlat höga då.

Mvh
Jan-Olov

koden för p och img taggen och content ser ut så här.

.bild {	
	font: 100% verdana, helvetica, tahoma, arial, sans-serif;
	margin: 0px 0px 110px 0px;
	padding: 0px;
	}

img { 	position:relative;
	float:left;
	vertical-align:top;
	border:0;
	z-index:4;}

.content {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width: 120px;
	margin: 0px 220px 20px 185px;
	border-top:2px solid #C0C0C0;
	border-left:0px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
	border-right:0px solid #C0C0C0;
	background-color: #FFFFC0;
	color: #000000;
	padding: 10px;
	z-index: 3;} 
html>body #navAlfa {width: 128px;}

Om det skulle hjälpa någon att förstå mitt problem.
z-index:4 på img taggen verkar inte göra någon nytta överhuvudtaget.

Mvh
Jan-Olov

Har nu lagt in en div efter min p tag i diven content Nu ser det ut så här. Nästan rätt :h

På länken:
http://www.savhammar.net/palkran/link/belgien.php
Har jag thumbnailsen så som dom ska se ut, då trillar bilderna 3 och 4 ur diven.
På länken:
http://www.savhammar.net/palkran/link/belgien2.php
Har jag gjort thumbsen nästan lika stora och då ligger dom kvar i diven.

Förlag någon?

Jag är snart helt utan hår på skallen. Inte för att jag hade så mycket från början heller...

Mvh
Jan-Olov

SÅ HÄR BLEV LÖSNINGEN!!

Speciellt för nikki som ville veta hur lösningen blev.
Men Ni får läsa själva!

http://www.html-gruppen.nu/scripts/ubb/Forum1/HTML/000521.html

Mvh
Jan-Olov