Søg
Avatar billede the_email Nybegynder
20. januar 2004 - 15:28 Der er 22 kommentarer og
1 løsning

Billede centreret og højrestillet tekst i samme linje - hvordan?

Hej.
Jeg har dette stykke kode stående i en celle i en tabel:
  </tr>
  <tr bgcolor="#007297">
    <td height="40" colspan="2">
      <p align="center">
      <img src="/debian.png" border="0" width="95" height="27">
      <p align="right">12 Januar 2004 19:05:27</p>
  </tr>

Kan jeg få teksten og billedet til at stå i samme linje- og hvordan?

TheEmail
Avatar billede sukos Juniormester
20. januar 2004 - 15:30 #1
<p align="center">
      <img src="/debian.png" border="0" width="95" height="27" align="left">12 Januar 2004 19:05:27</p>
Avatar billede powerade Nybegynder
20. januar 2004 - 15:30 #2
Mener bare du kan gøre sådan her..
<img src="/debian.png" border="0" width="95" height="27" style="position:absolute;right:0;>
Avatar billede Slettet bruger
20. januar 2004 - 15:40 #3
eller:
<img src="/debian.png border="0" width="95" height="27" alt="" style="float: left;">
Og så din tekst efter billedet.

Teksten rykker sig automatisk ind under billedet når teksten kommer så langt ned at der ikke er mere tilbage af billedet.
Avatar billede the_email Nybegynder
20. januar 2004 - 21:07 #4
Sukos -> Når jeg smider din kode ind stiller den teksten i midten og billedet til venstre. Jeg har så prøvet at lave den om til

<p align="right">
      <img src="/debian.png" border="0" width="95" height="27" align="center">12 Januar 2004 19:05:27</p>

Men så bliver begge højrestillet. Hvordan får jeg billedet til at komme ind i midten?

TheEmail
Avatar billede the_email Nybegynder
20. januar 2004 - 21:08 #5
Skriver jeg:


<p align="right">
      <img src="/debian.png" border="0" width="95" height="27" align="left">12 Januar 2004 19:05:27</p>

rykker den billedet over til venstre som forventet...
Avatar billede the_email Nybegynder
20. januar 2004 - 21:08 #6
men jeg kan ikke få det til at stå i midten
Avatar billede Slettet bruger
20. januar 2004 - 21:23 #7
Du kan gøre sådan:
<center>
<img src="/debian.png" border="0" width="95" height="27" alt="" style="float: left;">
Og så din tekst efter billedet.
</center>
Avatar billede the_email Nybegynder
20. januar 2004 - 21:45 #8
Cypermann -> det gør at billedet står til venstre og teksten i midten.
Avatar billede the_email Nybegynder
20. januar 2004 - 21:47 #9
<right>
<img src="/debian.png" border="0" width="95" height="27" alt="" style="float: center;">
Og så din tekst efter billedet.
</right>

Venstrestiller det hele.
Avatar billede Slettet bruger
20. januar 2004 - 21:49 #10
Du kunne vel også bare sætte det i en tabel ?
<table border="0" align="center" width="100%">
<tr>
  <td><img src="/debian.png" border="0" width="95" height="27" alt=""></td>
  <td style="text-align: right;">blabla</td>
</tr>
</table>
Avatar billede gil-galad Nybegynder
20. januar 2004 - 21:53 #11
hvoffer ikke bare gøre sådan her?:
<div style="float: right;">billede</div>
<div align="center"><img src="bla.gif"></div>
Avatar billede the_email Nybegynder
21. januar 2004 - 17:39 #12
Ingen af delene virker, da den stiller billedet i midten fra den venstre side til starten af teksten i stedet for fra venstre og HELT til højre

TheEmail
Avatar billede gil-galad Nybegynder
22. januar 2004 - 13:28 #13
kan du så ikke vise os hele koden, så man kan se det rigtigt?
Avatar billede the_email Nybegynder
22. januar 2004 - 15:24 #14
<html>
<head>
<title>Kraaer.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
        background-color: #FFFFFF
}
.style2 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: xx-large;
}
.style3 {
        color: #FFFFFF;
        font-weight: bold;
}
-->
</style></head>

<body>
<p>&nbsp;</p>
<table width="683" height="578" border="1" bordercolor="#007297" align="center">
  <tr bgcolor="#007297">
    <td height="88" colspan="2"><div align="center">
      <p><span class="style2">Kraaer.com</span></p>
    </div></td>
  </tr>
  <tr>
    <td width="162" height="437" bgcolor="#007297"><div align="center" class="style3">
      <p>.:Menu:.</p>
      <p><a target="I1" href="start1.htm"><font color="#FFFFFF">Start</font></a></p>
      <p><a target="I1" href="info.htm"><font color="#FFFFFF">Info</font></a></p>
      <p><a target="I1" href="links.htm"><font color="#FFFFFF">Links</font></a></p>
      <p><a target="I1" href="phplogin/logind.php"><font color="#FFFFFF">Login</font></a></p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></td>
    <td width="505">
        <iframe name="I1" width="525" height="438" src="start1.htm" marginwidth="1" marginheight="1">
    Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></td>
  </tr>
    <tr bgcolor="#007297">
    <td height="40" colspan="2">
<p>Tekst</p>
  </tr>
</table>
</body>
</html>
Avatar billede the_email Nybegynder
22. januar 2004 - 15:27 #15
Her står billede til venstre og tekst i midten
Avatar billede the_email Nybegynder
22. januar 2004 - 15:28 #16
Dvs. her:

<html>
<head>
<title>Kraaer.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
        background-color: #FFFFFF
}
.style2 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: xx-large;
}
.style3 {
        color: #FFFFFF;
        font-weight: bold;
}
-->
</style></head>

<body>
<p>&nbsp;</p>
<table width="683" height="578" border="1" bordercolor="#007297" align="center">
  <tr bgcolor="#007297">
    <td height="88" colspan="2"><div align="center">
      <p><span class="style2">Kraaer.com</span></p>
    </div></td>
  </tr>
  <tr>
    <td width="162" height="437" bgcolor="#007297"><div align="center" class="style3">
      <p>.:Menu:.</p>
      <p><a target="I1" href="start1.htm"><font color="#FFFFFF">Start</font></a></p>
      <p><a target="I1" href="info.htm"><font color="#FFFFFF">Info</font></a></p>
      <p><a target="I1" href="links.htm"><font color="#FFFFFF">Links</font></a></p>
      <p><a href="ftp://10.3.51.145/" target="_blank"><font color="#FFFFFF">FTP</font></a></p>
      <p><a target="I1" href="phplogin/logind.php"><font color="#FFFFFF">Login</font></a></p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></td>
    <td width="505">
        <iframe name="I1" width="525" height="438" src="start1.htm" marginwidth="1" marginheight="1">
    Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></td>
  </tr>
      <tr bgcolor="#007297">
      <td height="40" colspan="2">
      <p align="center">
      <img src="/debian.png" border="0" width="95" height="27" align="left">12 Januar 2004 19:05:27</p> </tr>
</table>
</body>
</html>
Avatar billede the_email Nybegynder
23. januar 2004 - 20:09 #17
Er der nogle som kan finde ud af det, eller skal jeg droppe at have det i samme linje?
Avatar billede the_email Nybegynder
24. januar 2004 - 14:51 #18
Hvis der ikke er kommet forslag til en løsning inden for tolv timer, lukker jeg spørgsmålet.

TheEmail
Avatar billede roenving Novice
24. januar 2004 - 17:53 #19
Der skulle lige noget fordobling til, før det pænt centreret, men bemærk, at float:right; virker når den kommer før andre ting, som det skal til højre for !-)

<tr bgcolor="#007297">
      <td height="40" colspan="2" style="position:relative;text-align:center">
      <div style="visibility:hidden;float:left;">12 Januar 2004 19:05:27</div><div style="float:right;">12 Januar 2004 19:05:27</div><div>
      <img src="/debian.png" style="border:0px;width:95px;height:27px;margin-left:auto;margin-right:auto;"></div></td> </tr>
Avatar billede the_email Nybegynder
24. januar 2004 - 23:59 #20
Yes Roevning. Nu virker det. Smider du lige et svar?
Avatar billede roenving Novice
25. januar 2004 - 00:01 #21
Velbekomme '-)
Avatar billede the_email Nybegynder
25. januar 2004 - 02:00 #22
Tak for hjælpen
Avatar billede roenving Novice
25. januar 2004 - 02:02 #23
-- og tak for points ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
I går 10:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »