Søg
Avatar billede tipsen Nybegynder
31. marts 2002 - 13:57 Der er 3 kommentarer og
1 løsning

CSS - multipel align i én tabel celle

Hej eksperter

Jeg har en tabelcelle, hvor indholdet er to ting:

1. Noget tekst, som kan gå over flere linier og bare skal opføre sig almindeligt!

2. Tre tekstlinks som står ved siden af hinanden (og ikke fylder specielt meget!)

Jeg vil gerne have, at de tre tekstlinks placerer sig i øverste højre hjørne af cellen, hvor de fylder en række i højden. Den øvrige tekst i cellen skal så bare "wrappes" udenom disse tekstlinks, således at der i øverste række er linieskift når teksten når over til linksene, men på de efterfølgende linier, vil teksten gå helt ud til cellens kant.

Hvordan laver jeg dette vha. CSS2?
Avatar billede sukos Juniormester
31. marts 2002 - 18:40 #1
Måske ved at lave en ny tabel inde i cellen?

<html><head><title> www.eksperten.dk/spm/192011 </title></head>

<body>

<table width="360"><tr>

    <td valign="top"><table align="right" bgcolor="blue" cellpadding="4"><tr>

        <td nowrap>Lidt tekst som ikke fylder så meget</td>
    </tr></table>Og her er så alt mulig tekst som fylder mere eller mindre og som bare skal komme helt "af sig selv". For at tilpasse luften mellem links og tekst, skal der leges med cellpadding.</td>

</tr></table>

</body></html>
Avatar billede sukos Juniormester
31. marts 2002 - 18:43 #2
Øhm, linkene skulle jo fylde en linie!
Så brug:

cellpadding="0" cellspacing="0" border="0"

i den tabel som har linkene.
Avatar billede callesen Praktikant
01. april 2002 - 09:02 #3
Du kan bruge iframe. Først filen med iframe:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE BORDER="0" STYLE="table-layout:fixed;">
<TR>
    <TD STYLE="height:100px;width:300px;border:1px solid #333333;">
    <IFRAME STYLE="width:158px;height:18px;display:inline;border: 0px solid black;overflow: hidden;" FRAMEBORDER="0" BORDER="0" ALIGN="right" SRC="linkfil.html"></IFRAME>
    Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst. Her er en masse tekst.
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Så en fil med dine tre link - i eksemplet kaldet linkfil.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY STYLE="overflow:hidden;margin:0px;">
<A>Link1</A><A>Link2</A><A>Link3</A>
</BODY>
</HTML>
Avatar billede tipsen Nybegynder
19. april 2002 - 21:09 #4
OK: Jeg brugte følgende CSS:

#button {
    color: #333366;
    border: 1px solid #333366;
    padding: 0px 1px 0px 1px;
    font-size:7pt;
    margin : 1px 1px 0px 1px;
    font-weight : normal;
    text-decoration : none;
    float:right;
    background-color : #6699CC;
}

Og følgende HTML:
<td style="text-align:left;" title="">
<a href="appointment.php?id=36" id="button" title="Rediger småting">REDIGER</a>
<a href="finish.php?currDay=19&currMonth=4&currYear=2002&id=36" id="button" title="Afslut småting">AFSLUT</a>
<a href="delete.php?currDay=19&currMonth=4&currYear=2002&id=36" id="button" title="Slet småting">SLET</a>
Uni næste gang:
</td>

-ellers tak for hjælpen!
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 dag 12:14 Ang udskrift Canon mb5050 Af made18 i Printere
I går 21:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
I går 18:16 Tømme gammel PC for indhold, kan ikke tændes Af Mai i Andet software
01/1017:41 NVIDIA Geforce GTX 1060 6 GB som "snakker" Af dcedata1977 i Andet hardware
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
White papers
Flere white papers »