Avatar billede lsskaarup Nybegynder
22. august 2004 - 00:22 Der er 13 kommentarer og
1 løsning

Tekstombrydning på billede

Ja, nu er jeg her igen, for at få lidt hjælp og inspiration... ;-)

Jeg forsøget at lave en side, som henter nogle forskellige nyheder. Disse nyheder kunne jeg godt tænke mig at få vist på denne speciel måde.

---------------------
| bla bla |        |
| bla bla | billede |
| bla bla |        |
---------------------
| bla bla bla bla  |
| bla bla bla bla  |
| bla bla bla bla  |
---------------------

Den specielle heri, er at jeg gerne vil have den øverste række til dynamisk at ændre sin højde, alt efter billedets. Det kan jeg også godt få den til, men jeg vil samtidig have at, hvis teksten fylder mere end der er plads til, så skal resten af teksten komme i den nederste række. Men hvordan finder jeg ud af hvor meget der kan stå i et område, for det er vel det skal bruge, for senere at kunne tælle karakterer i teksten?

Håber ikke det er for kryptisk.
Avatar billede Slettet bruger
22. august 2004 - 00:32 #1
Tænker du ikke på noget i stil med det her:

<div style="height:150px;width:150px;border:1px solid black;float:right">billede</div>

<div>Tekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iu</div>
Avatar billede lsskaarup Nybegynder
22. august 2004 - 00:40 #2
Netop, men jeg skal nok bare have det flettet ind i nogle celle, hvis det kan lade sig gøre?

Eller kan man godt have flere <div> (nyheder) på samme side, uden at det fu.... up?
Avatar billede Slettet bruger
22. august 2004 - 00:47 #3
Ja, hvis du pakker hver nyhed + billede ind i en ny <div>

:)
Avatar billede lsskaarup Nybegynder
22. august 2004 - 00:49 #4
Det skulle jo gerne ske, da jeg bruge en while, men jeg tjekker lige, for pt har jeg kun en nyhed, jeg regnede jo ikke med at der ville komme så hurtigt et svar, på dette tidspunkt
Avatar billede lsskaarup Nybegynder
22. august 2004 - 00:56 #5
Ahhhh, det virker ikke helt, idet teksten ikke bliver ombrudt.

Min kode ser sådan ud:

<? $nyheder = mysql_query("SELECT * FROM RS_Nyhed ORDER BY 'dato'");
while ($nyhed = mysql_fetch_array($nyheder)){?>
    <div style="solid black;float:right"><img src="<?=$nyhed[sti]?>"></div>
    <div><?=$nyhed[overskrift]?> skrevet d. <?=$nyhed[dato]?></div>
    <div><?=$nyhed[tekst]?></div>
<? }?>

Er det helt forkert?
Avatar billede lsskaarup Nybegynder
22. august 2004 - 00:57 #6
Damn, ikke noget. Det virker, jeg kom bare til at åbne den forkert side.

Som en udvidelse her til, kan jeg på en eller anden måde, bestemme hvor mange nyheder der kan være på én side?
Avatar billede coderdk Praktikant
22. august 2004 - 02:02 #7
Prøv lige med:

<? $nyheder = mysql_query("SELECT * FROM RS_Nyhed ORDER BY 'dato'");
while ($nyhed = mysql_fetch_array($nyheder)){?>
    <div><?=$nyhed[overskrift]?> skrevet d. <?=$nyhed[dato]?></div>
    <div style="solid black;float:right"><img src="<?=$nyhed[sti]?>"></div>
    <div><?=$nyhed[tekst]?></div>
<? }?>
Avatar billede coderdk Praktikant
22. august 2004 - 02:03 #8
Ellers prøv:

<? $nyheder = mysql_query("SELECT * FROM RS_Nyhed ORDER BY 'dato'");
while ($nyhed = mysql_fetch_array($nyheder)){?>
    <div style="solid black;float:right"><img src="<?=$nyhed[sti]?>"></div>
    <div><div><?=$nyhed[overskrift]?> skrevet d. <?=$nyhed[dato]?></div>
    <div><?=$nyhed[tekst]?></div></div>
<? }?>
Avatar billede Slettet bruger
22. august 2004 - 08:31 #9
Det jeg mente var at du skulle gøre så det kom til at se sådan her ud:

<div>
<div style="height:150px;width:150px;border:1px solid black;float:right">billede</div>

<div>Tekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iu</div>
</div>
<br>
<div>
<div style="height:150px;width:150px;border:1px solid black;float:right">billede</div>

<div>Tekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iuTekst zxc fkjx ckzxjc zxkc zxc cxkjhsakfjdhg  vcxivbhciu iu i iuhiu ihiuh iu</div>
</div>
Avatar billede Slettet bruger
22. august 2004 - 08:34 #10
Så:

<? $nyheder = mysql_query("SELECT * FROM RS_Nyhed ORDER BY 'dato' LIMIT 3");
while ($nyhed = mysql_fetch_array($nyheder)){?>
<div>
<div style="solid black;float:right"><img src="<?=$nyhed[sti]?>"></div>
    <div><?=$nyhed[overskrift]?> skrevet d. <?=$nyhed[dato]?></div>
    <div><?=$nyhed[tekst]?></div>
</div><br>
<? }?>


LIMIT 3 begrænser antallet af nyheder til 3
Avatar billede lsskaarup Nybegynder
22. august 2004 - 11:10 #11
Men hensyn til antallet på siden, kunne jeg godt tænke mig at kunne få en værdi får hvor mange karaktere, som der er plads til på siden. Dette vil jeg så kunne bruge til at måske fastsætte et antal, måske 3, på siden, og samtidig tjekke om der nu også er plads til de 3. Hvis der kun er plads til 2, så skulle den 3 komme på næste side.

Men jeg tror, jeg i stedet for vil lave en oversigtsside, og så kun have en nyhed pr. side derunder. Men har I nogle ideer til det første, så vil jeg da godt prøve dem.
Avatar billede lsskaarup Nybegynder
22. august 2004 - 12:09 #12
el_barto -> jeg havde lavet en anden løsning, hvor jeg lagde <div> i celler, og så havde jeg en cellspacing på 10, men din løsning er faktisk lidt pænere efter min mening, også i forhold til coderdk's
Avatar billede lsskaarup Nybegynder
10. september 2004 - 14:27 #13
El barto -> Gider du ligge et svar
Avatar billede Slettet bruger
12. september 2004 - 22:55 #14
oki :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester