/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Vertikal justering/tabulering eller hur?
Fra : Poul Erik Jensen


Dato : 27-07-06 15:03

Når man har et billede, og man ønsker en kort tekst placeret tilhøjre
herfor, hvordan gør man det så korrekt?
(http://www.skolekammeraten.dk/lokal.php)

En række <br> er vel næppe metoden?

Det vil jo så fald jo være mindre kønt, når vinduesstørrelsen er for lille
og de tre linier bliver til fem - og noget kravler ned under biledet.

vertical-align: baseline | sub | super | top | text-top | middle | bottom |
text-bottom | <percentage> | <length> | inherit

- det virker ikke på teksten ;-(

--
Med venlig hilsen Poul Erik Jensen
www.genealog.dk www.skolekammeraten.dk
jep at domænet dot dk



 
 
Christoffer \(Guide\~ (27-07-2006)
Kommentar
Fra : Christoffer \(Guide\~


Dato : 27-07-06 15:24


"Poul Erik Jensen" <jep@image.dk> skrev i en meddelelse
news:44c8ca81$0$20258$edfadb0f@dread16.news.tele.dk...
> Når man har et billede, og man ønsker en kort tekst placeret tilhøjre
> herfor, hvordan gør man det så korrekt?
> (http://www.skolekammeraten.dk/lokal.php)
[klip]
> - det virker ikke på teksten ;-(
Ehm, hvis jeg har forstået det rigtigt kan du jo enten angive en padding på
elementet som omgiver teksten, eller du kan angive text-indent: x antal px.



Christoffer \(Guide\~ (27-07-2006)
Kommentar
Fra : Christoffer \(Guide\~


Dato : 27-07-06 16:02


"Christoffer (Guide)" <hjeir@motherdk.dk> skrev i en meddelelse
news:44c8cc82$0$20304$edfadb0f@dread16.news.tele.dk...
>
> "Poul Erik Jensen" <jep@image.dk> skrev i en meddelelse
> news:44c8ca81$0$20258$edfadb0f@dread16.news.tele.dk...
> > Når man har et billede, og man ønsker en kort tekst placeret tilhøjre
> > herfor, hvordan gør man det så korrekt?
> > (http://www.skolekammeraten.dk/lokal.php)
> [klip]
> > - det virker ikke på teksten ;-(
> Ehm, hvis jeg har forstået det rigtigt kan du jo enten angive en padding

> elementet som omgiver teksten, eller du kan angive text-indent: x antal
px.
Og det var så misforstået kan jeg godt se nu... Min fejl.



Bertel Lund Hansen (27-07-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 27-07-06 15:35

Poul Erik Jensen skrev:

> Når man har et billede, og man ønsker en kort tekst placeret tilhøjre
> herfor, hvordan gør man det så korrekt?

<div>
   <div class='billede'>
   <img ...>
   </div>
   <div class='billedtekst'>
   Bla bla bla bla bla
   </div>
</div>

Passende egenskaber på de to klasser sikrer det ønskede resultat.
Klasserne .billede og .billedtekst skal bare floates til venstre,
og .billedtekst kan gives en passende bredde i %.

Mens man roder kan det være en fordel at give den yderste ramme
en klasse og sætte border:solid. Gør det samme ved de andre
div'er. Det er nyttigt indtil man hat fået tingene til at stå
rigtigt.

I Opera er det unødvendigt. Man vælger bare brugervisningen
"Fejlfinding med omrids".

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

Poul Erik Jensen (27-07-2006)
Kommentar
Fra : Poul Erik Jensen


Dato : 27-07-06 16:33

"Bertel Lund Hansen" <nospamfilius@lundhansen.dk> skrev i en meddelelse
news:44c8cef8$0$3474$ba624c82@nntp02.dk.telia.net...
> Passende egenskaber ....

Tja, det er jo lige det jeg ikke ved, når den egenskab, som jeg tror skal
gøre det jeg ønsker, ikke gør som forventet ;-(

Kik lige endnu engang - og belær mig venligst om how to do )
(http://www.skolekammeraten.dk/lokal.php)

Teksten til højre for sårnet ønskes nedad - enten middle eller bottom i
forhold til bunden af billedet med tårnet.

ps: Mere for at få belyst problemet genetrelt, end i det aktuelle eksempel,
der måske er mindre væsentlig i sig selv.
--
Med venlig hilsen Poul Erik Jensen
www.genealog.dk www.skolekammeraten.dk
jep at domænet dot dk




Jørgen Farum Jensen (27-07-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 27-07-06 17:32

Poul Erik Jensen wrote:

> Tja, det er jo lige det jeg ikke ved, når den egenskab, som jeg tror skal
> gøre det jeg ønsker, ikke gør som forventet ;-(

Hvordan kan du forvente det, når når vertical-align er
forbeholdt inline elementer og justerer i forhold
til linien? Det, der er aktuelt for dig side, er jo
blokelementer.

Blokelementer positioneres i forhold til hinanden
ved hjælpp af position-egenskaben eller ved hjælp af
float-egenskaben.

I det aktuelle tilfælde - det vil sige, at du vil have
en tekst af en uspecificeret længde til at flugte med
underkanten af et billede - er du nok nødt
til at bruge postion-egenskaben:

..pixcontainer {
width:425px;
border:1px solid black;
position:relative;
padding:10px;

}
..pixtext {
width:125px;
position:absolute;
right:0;
bottom:10px;
overflow:auto;
}

..pixcontainer omslutter såvel billede som .pixtext.

Jeg har lavet eksemplet:
http://www.webdesign101.dk/x/pixtext.html

I øvrigt - reducer dine fotos og bring nogle færre
per side - over 250 kilobytte for en enkelt side er
altså vildt meget for meget.
--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Poul Erik Jensen (27-07-2006)
Kommentar
Fra : Poul Erik Jensen


Dato : 27-07-06 22:56

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:44c8ea66$0$12706$edfadb0f@dread14.news.tele.dk...

> Hvordan kan du forvente det, ....

Tja, det kan jeg vel heller ikke ....

Har gemt din side til nærmere studie - og må så vænne mig til at der er
andre regler end de, som jeg finder mest naturligt )

> I øvrigt - reducer dine fotos og bring nogle færre
> per side - over 250 kilobytte for en enkelt side er
> altså vildt meget for meget.

Tja, det kan meget vel være, at der er nogle sider der burde deles op i
flere - men billederne er nu det vigtigste i denne forbindelse.

Tak for hjælpen.

--
Med venlig hilsen Poul Erik Jensen
www.genealog.dk www.skolekammeraten.dk
jep at domænet dot dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste