Avatar billede Slettet bruger
05. februar 2005 - 16:58 Der er 7 kommentarer og
1 løsning

Tekst eller billedbox med variabel ramme

Jeg bruger denne p.t. - men er der en nemmere måde at lave dette på ?
Boxen er anvendelig til både billeder og tekst og regulerer højden efter det indhold der puttes i den.

bruger(html4.01)

Læs den indsatte tekst i Boxen's kode
....................................


<TD><!-- BOKS 1 start -->
<TABLE WIDTH="150" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR><td colspan="3" bgcolor="#800000">
<DIV STYLE="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; TEXT-ALIGN: center" >Alabast</DIV></TD>
</TR>
<!-- venstre kant -->
<TR>
<TD WIDTH="3" BGCOLOR="#80000"><img src="maroon.gif" width="3" height="1" align="bottom" alt="">
</TD>
<!-- Miderste kolonne m. indhold -->
<TD>
<table width="100%" border="0" bgcolor="#800000" cellspacing="0" cellpadding="4">
<TR>
    <td bgcolor="#ffffff">
<H1>Brugere hj&aelig;lper brugere</H1>
En box oprettet af en "Eksperten-bruger" med det ønsket om hjælp fra andre "Eksperten-brugere".<BR>Læg mærke til at boxen ændres i længden, efter hvor meget tekst der er indskrevet i den.<br>Maroon.gif er en 1x1 px gif
</TD>
</TR>
</TABLE>
</TD>
<!-- h&oslash;jre kant -->
<TD WIDTH="3" BGCOLOR="#800000"><IMG height=1 alt="" src="maroon.gif" width=3 border=0>
</TD></TR>
<TR>
<!-- underkant -->
<TD COLSPAN="3" HEIGHT="3" BGCOLOR="#800000"><IMG height=3 alt="" src="maroon.gif" width=1 border=0>
</TD></TR>
</TABLE>
Avatar billede olebole Juniormester
05. februar 2005 - 20:17 #1
<ole>

Tjaahh ... alt efter, hvad du ønsker at lave, kunne du vel nøjes med:
  <div style="border:3px solid maroon">En tekst</div>

/mvh
</bole>
Avatar billede Slettet bruger
05. februar 2005 - 23:19 #2
Jo den er udmærket, men jeg mangler top med tekst og bund, og ville jo gerne have en code som et fast skabelon, og der mangler jeg så lidt expertice.
Fast bredde,top m/tekst Fast bund

Jeg afsætter gerne flere point for en færdig løsning (omskrivning)
Avatar billede olebole Juniormester
05. februar 2005 - 23:34 #3
Jamen, det er da bare at fylde indhold i dyret  :)

<div style="width:144px;border:3px solid maroon">
    <div style="background-color:maroon;color:white;text-align:center;padding:2px 0px;">Alabast</div>
    <h1>Brugere hj&aelig;lper brugere</h1>
    En box oprettet af en "Eksperten-bruger" med det ønsket om hjælp fra andre "Eksperten-brugere".<BR>Læg mærke til at boxen ændres i længden, efter hvor meget tekst der er indskrevet i den.<br>Maroon.gif er en 1x1 px gif
</div>
Avatar billede olebole Juniormester
05. februar 2005 - 23:38 #4
PS: Med en tabel kan det gøres sådan_

<table style="width:150px;border:3px solid maroon" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td style="background-color:maroon;color:white;text-align:center;padding:2px 0px;">Alabast</td>
</tr>
<tr>
    <td><h1>Brugere hj&aelig;lper brugere</h1>
        En box oprettet af en "Eksperten-bruger" med det ønsket om hjælp fra andre "Eksperten-brugere".<BR>Læg mærke til at boxen ændres i længden, efter hvor meget tekst der er indskrevet i den.<br>Maroon.gif er en 1x1 px gif</td>
</tr>
</table>
Avatar billede Slettet bruger
06. februar 2005 - 00:22 #5
Fint fint- så mangler jeg kun at teksten skal flyttes et par px fra ventre kant.

Og så et svar
Avatar billede roenving Novice
07. februar 2005 - 17:50 #6
I tden: style="padding:0 10px;"
Avatar billede Slettet bruger
19. februar 2005 - 22:17 #7
Jeg mangler 2 svar
Avatar billede Slettet bruger
07. marts 2005 - 17:43 #8
Ingen vil have point
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