Avatar billede hirtshals Nybegynder
20. december 1999 - 12:32 Der er 17 kommentarer og
5 løsninger

Højrestille billed i <TD>

Kan man højrestille et billed, samtidig med teksten er absmiddle i en enkel TD

Jeg bruger

<table border="1" width="200">
  <tr>
    <td width="100%">Tekst<img border="0" src="billed.gif" align="right"></td>
  </tr>
</table>

Men så står teksten øverst, det jeg skal bruge er en højrestilling af billedet, samt absmiddle stillet tekst foran, kan det overhovedet lade sig gøre evt med css, og ja, det skal være indenfor samme <TD>,
Avatar billede skjoldby Nybegynder
20. december 1999 - 12:43 #1
Lav en ny <td> til billedet.

skjoldet
Avatar billede hirtshals Nybegynder
20. december 1999 - 12:52 #2
DUR IKKE, jeg bruger et javascript, der ved onmouseover skifter baggrundsfarve på tabelcellen, derfor SKAL Billed og tekst være i samme tabelcelle, cellen fungerer som link
Avatar billede zux Nybegynder
20. december 1999 - 13:15 #3
Here are some answers. Hope one of them works:

1. Open the picture in f.ex Paint, and type the text on the side OR make the text inot a picture with the same size.

2. Put the text in a TD for itself.

3. Type the text over or under the picture.

If nothing work I really don't know...
Avatar billede hirtshals Nybegynder
20. december 1999 - 13:26 #4
1 > The Page is an ASP page, the text string comes from an Access Database

2 >    DUR IKKE, jeg bruger et javascript, der ved onmouseover skifter baggrundsfarve på tabelcellen, derfor SKAL Billed og tekst være i samme tabelcelle, cellen fungerer som link

3 > I could do that, but thats not very Nice

I want it to look like this

|text    picture|

not like this

|text
          picture|


But thanks anyway
Avatar billede cldu Nybegynder
20. december 1999 - 15:18 #5
<td align="right">
Avatar billede cldu Nybegynder
20. december 1999 - 15:26 #6
eller lav en CSS class - fx. .text - der har alignment="left" i sig. :-)
Avatar billede starleicht Nybegynder
21. december 1999 - 09:21 #7
Det er lidt af en lappeløsning, men det ser ud til at virke både i NN og IE:
Jeg sætter en transparent gif ind mellem tekst og billede, centrerer tekst og billede, samt sætter en <nobr>-tag ind.


<table border="1" width="200">
  <tr>
    <td width="100%" valign="center"><nobr>Tekst<img src="transparent.gif" width=150 height=1 border=0><img src="billede.gif" width=50 height=80 border=1 alt="logo" align="center"></nobr></td>
  </tr>
</table>
Avatar billede hirtshals Nybegynder
21. december 1999 - 09:34 #8
cldu >>> Det lød som en genial løsning

meeeen med flg style

<STYLE>
TD.align
{
    TEXT-ALIGN: left
}
</STYLE>

og følgende

<TD align='right' class='align'>

Venstre stille godtnok tekst, men desværre også <IMG> til trods for
TD align='right'  ØV, men tak for det kreative forslag

Avatar billede hirtshals Nybegynder
21. december 1999 - 09:37 #9
starleicht >>>

Jeg prøvede

<table border="1" width="200">
  <tr>
    <td width="100%" valign="center"><nobr>Tekst<img src="transparent.gif" width=150 height=1 border=0><IMG SRC="Images/billed.gif" align="center" width="34" height="18"></nobr></td>
  </tr>
  <tr>
    <td width="100%" valign="center"><nobr>Tekst<img src="transparent.gif" width=150 height=1 border=0><IMG SRC="Images/billed.gif" align="center" width="34" height="18"></nobr></td>
  </tr>
  <tr>
    <td width="100%" valign="center"><nobr>Tekst<img src="transparent.gif" width=150 height=1 border=0><IMG SRC="Images/billed.gif" align="center" width="34" height="18"></nobr></td>
  </tr>
</table>

Og det virkede  meeen

i mit tilfæde kommer data fra en database, og ville se sådan ud

<table border="1" width="200">
  <tr>
    <td width="100%" valign="center"><nobr>Tekst<img src="transparent.gif" width=150 height=1 border=0><IMG SRC="Images/billed.gif" align="center" width="34" height="18"></nobr></td>
  </tr>
  <tr>
    <td width="100%" valign="center"><nobr>Mere Tekst<img src="transparent.gif" width=150 height=1 border=0><IMG SRC="Images/billed.gif" align="center" width="34" height="18"></nobr></td>
  </tr>
  <tr>
    <td width="100%" valign="center"><nobr>Endnu Mere Tekst<img src="transparent.gif" width=150 height=1 border=0><IMG SRC="Images/billed.gif" align="center" width="34" height="18"></nobr></td>
  </tr>
</table>

Så er billedet ikke længere højrestillet i de 2 øverste tabel celler  ØV ØV  men tak for forsøget :-)
Avatar billede cldu Nybegynder
21. december 1999 - 11:23 #10
Jeg mente:

<style>
.text {align=left, type=times osv...}
</style>

og

<td align="right" valign="middle">
<p align="center">
<font class="text" color="#FFFFFF">blablablabla</font>
<img src="billede.jpg" align="right">
</p>
</td>

prøv liiiige den... jeg ved ikke om den virker, men jeg tror at den er bedre end din ovenover. :-)
Avatar billede hatecaps Nybegynder
22. december 1999 - 00:22 #11
hmm, hvorfor ikke lave to celler, en med text og en med billede. Du kan gennem javascript få det til at se ud som en, hvis du skiter bgfarve på begge to ved mouseover på en af dem. og du kan jo sætte begge celler til at linke til det samme. så vidt jeg kan se, har du ikke andre muligheder, ihvertfald ikke hvis det skal virke på alle browsere
Avatar billede hirtshals Nybegynder
23. december 1999 - 11:30 #12
cldu >>>

Af en eller anden grund ignorer den Css

text {align=left, type=times osv...}

og følger <td align=right> istedet
Avatar billede hirtshals Nybegynder
23. december 1999 - 11:31 #13
hatecaps >>>

Det "behøver" kun at virke i MSIE 4.01
Avatar billede cldu Nybegynder
23. december 1999 - 11:58 #14
hirtshals: oh. Så har jeg ikke flere idéer udover det hatecaps nævner...
Avatar billede skjoldby Nybegynder
24. december 1999 - 14:19 #15
Det er jo det jeg har sagt fra starten af, lav en ny <td>....
Avatar billede nielslbeck Nybegynder
25. december 1999 - 18:27 #16
Hvis blot du indsætter billedet før teksten, bliver billedet højrestillet, og teksten kommer til at stå udfor billedet!
Avatar billede fagbog Nybegynder
27. december 1999 - 15:44 #17
Hirthals -->

Prøv at lave tdén som dette:


<td width="100%" align="right"><!-- Text her -->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="billed.gif" border=0></td>

Det virker her hos mig.


Med Venlig Hilsen


Henrik Mardov
Fagbog
Avatar billede bromer Nybegynder
31. december 1999 - 21:10 #18
Du skal lave en ny <TD>. Det er det mest prof at gøre.
Avatar billede bromer Nybegynder
31. december 1999 - 21:12 #19
kommentar til hirtshals. Vi snakker om netscape her. CSS virker kun til IE. Genaral viden
Avatar billede skjoldby Nybegynder
02. januar 2000 - 12:37 #20
brommer>>> det er det jeg har sagt fra start af, desuden virker css også til nescape, der er blot flere features til IE.
Avatar billede hirtshals Nybegynder
18. januar 2000 - 10:22 #21
Fik Aldrig Løst Problemet, selv om det ikke skortede på forslag, tak alle sammen -

Som Brødre i må dele, for ellers tar jeg det hele
Avatar billede bromer Nybegynder
18. januar 2000 - 15:05 #22
nej det virker faktisk IKKE til nc, men det påvirker det
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

IT-JOB

Københavns Universitet

Platform Engineer

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Teknisk Projektleder til Forsvarets data- og AI-projekter

KMD A/S

Test Consultant