Avatar billede ranukel Nybegynder
20. november 2002 - 12:27 Der er 5 kommentarer og
1 løsning

Undgå rammer om alle table

Jeg har anbragt billeder og tekst i (forskellige) table men ønsker kun at det er billederne der skal have ramme omkring sig, hvordan kan CSS filen eller html filen ændres så det sker?


CSS:
******************************************************

BODY{
        background-color:#FFFFAA;
    }
    TABLE{
        text-align: center;
        border: inset 10px #804000;
        background-color:#000000;
    }
    TD{
        padding: 0px;
        background-color:#804000;
        border:groove 10px #804000;
    }



********************************************************
<html>

<head>

<!-- Minus AutoDato -->
<title>Malerier af gamle danske husdyrracer</title>

<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<meta name="Microsoft Border" content="Malerier af gamle danske husdyrracer">

<LINK REL="stylesheet" HREF="../../../../css/style-maleri.css" TYPE="text/css" TITLE="Maleri udformning">

</head>

<body bgcolor="#FFF0E1" bgproperties="fixed">

<div align="center"><center>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td align="center"> <width="100%"><h3><big><strong>HEDEPLØJNING</strong></big></h3></td>

<body <body bgcolor="#FFF0E1" bgproperties="fixed">

<TABLE style="float: left;">

<TR>
    <TD>
        <IMG SRC="hedeploejning.jpg" WIDTH="200" HEIGHT="150" ALT="Hvor er laden">
    </TD>
</TR>

</TABLE>

<TABLE>
<TR>
    <TD>
        <IMG SRC="hedeploejning.jpg" BORDER="0" WIDTH="280" HEIGHT="324" ALT="">   
    </TD>
</TR>
</TABLE>

<table align="middle" border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>
    <div align="center"><a HREF="../../malerier.htm">

<div align="center"><center>

<IMG SRC="hedeploejning.jpg" WIDTH=600 HEIGHT=385 BORDER="0"><P>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>
    <TD>
        <div align="center"> <width="100%" Align="center"><font size="2"><a                     HREF="../../malerier.htm">Oversigt<BR><P></a><font size="2">
    </TD>

    <TD>
        <div align="center"><width="100%" Align="center"><font size="2"><a>&nbsp;<a  </a><BR><P></a><font size="2">
    </td>

    <TD>
        <div align="center"> <width="100%" Align="center"><font size="2"><a HREF="hjulplov.htm">Næste billede<BR><P></a><font size="2">
    </TD>
</TR>

</table>

</body>

</html>
Avatar billede svoeber Nybegynder
20. november 2002 - 12:32 #1
du skal lave en css-klasse, som du giver en border, og give knytte tabellen til denne klasse
Avatar billede svoeber Nybegynder
20. november 2002 - 12:34 #2
css klasserne:

  .billedrammetabel {
        text-align: center;
        border: inset 10px #804000;
        background-color:#000000;
    }
    .billedrammecelle {
        padding: 0px;
        background-color:#804000;
        border:groove 10px #804000;
    }

og HTML-rettes til:
<TABLE style="float: left;" class="billedrammetabel">

<TR>
    <TD class="billedrammecelle">
        <IMG SRC="hedeploejning.jpg" WIDTH="200" HEIGHT="150" ALT="Hvor er laden">
    </TD>
</TR>

</TABLE>
Avatar billede kring Nybegynder
20. november 2002 - 12:34 #3
Du kan evt. oprette :
image_td
{
        padding: 0px;
        border:groove 10px #804000;
}
og så fjerne border: fra TD OG TABLE...
Avatar billede ranukel Nybegynder
20. november 2002 - 13:08 #4
--> svoeber
Det fungere fint, det giver mig lidt mere forståelse for klasser.
Du er velkommen til de 60point.
Avatar billede svoeber Nybegynder
20. november 2002 - 13:09 #5
takker
Avatar billede ranukel Nybegynder
20. november 2002 - 13:14 #6
Selv tak
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