Avatar billede guster Nybegynder
28. februar 2003 - 13:58 Der er 9 kommentarer og
3 løsninger

align left og right på "samme linje"

Ja, sikkert en klassiker... Men jeg kan ikke greje den:

Jeg skal placere dette i venstre side, og dette i højre side - sådan at de står ligeud for hinanden horisontalt (uden brug af tables og celler!!!):

Venstre side:
<div class="txt1"><span class="catch">L&aelig;s mere:</span> <a href="http://www.blabla.dk" target="_blank">www.blabla.dk</a>

Højre side:
<a href="#top">Til top<img src="grafik/pilop.gif" alt="pil" border="0"></a>

- har forsøgt at lave en float:right; i den <a> der skal sidde i højre side, men så sidder det ikke lige horisontalt!

((-;
guster.
Avatar billede medions Nybegynder
28. februar 2003 - 14:00 #1
<table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
  <tr>
    <td style="width: 50%" align="right"><div class="txt1"><span class="catch">L&aelig;s mere:</span> <a href="http://www.blabla.dk" target="_blank">www.blabla.dk</a></td>
    <td align="right" style="width: 50%"><a href="#top">Til top<img src="grafik/pilop.gif" alt="pil" border="0"></a></td>
  </tr>
</table>

//>Rune
Avatar billede guster Nybegynder
28. februar 2003 - 14:03 #2
ja, det var så med table og celler... Måske skulle jeg ikke have skrevet det i parantes, men jeg vil gerne have løst problemet uden et table. (-;
Avatar billede medions Nybegynder
28. februar 2003 - 14:04 #3
Der kan du ikke... Så skulle det være med Layers og CSS, men det vil blive noget rod!

//>Rune
Avatar billede ahv Nybegynder
28. februar 2003 - 14:10 #4
<div class="txt1"><span style="float: right;"><a href="#top">Til top<img src="grafik/pilop.gif" alt="pil" border="0"></a></span>
<span style="text-align:left;" class="catch">L&aelig;s mere: <a href="http://www.blabla.dk" target="_blank">www.blabla.dk</a></span>
Avatar billede ahv Nybegynder
28. februar 2003 - 14:12 #5
Af en eller anden uforklarlig grund fra min side skal du angive højre side først og derefter venstre side.
Avatar billede leander Nybegynder
28. februar 2003 - 14:12 #6
<div>
    <div style="width: 50%; float: left;">Venstre side</div>
    <div style="margin-left: 50%; text-align: right">Højre side</div>
</div>
Avatar billede ahv Nybegynder
28. februar 2003 - 14:13 #7
Ellers laver den det der trick med at sætte højre side en linie ned.
Avatar billede medions Nybegynder
28. februar 2003 - 14:13 #8
leander> Smart! :-)

//>Rune
Avatar billede ahv Nybegynder
28. februar 2003 - 14:14 #9
Så en forkortet udgave som leander bare med span:

<span style="float: right;">højre</span>
<span style="text-align:left;">venstre</span>
Avatar billede guster Nybegynder
28. februar 2003 - 14:33 #10
hmmm... problemet er mit <img> som ligger ved siden af "til top"-teksten. Med ahv's løsning placerer det sig nu for HØJT! Nå, men jeg smider <img>-grafikken ud, deværre, - så sidder det jo fint... ((-;
Avatar billede leander Nybegynder
28. februar 2003 - 15:15 #11
eksperimentér evt. med vertical-align på img'et
Avatar billede guster Nybegynder
28. februar 2003 - 15:21 #12
ok - tak. (o;
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