Gå til innhold

problemer med kode

smurfine

Av smurfine
i Programmering og webutvikling

Anbefalte innlegg

smurfine

smurfine

Skrevet
Skrevet

har problemer med følgende kode:

 

 

<html>

 

<head>

<title>Velkommen til Dikemark rideskoles nettsider</title>

<link rel="stylesheet" type="text/css"

href="dike.css" />

</head>

 

<body>

 

<table border=0 width="800" height="600">

<tr height="115">

<td class="logo" width="130"> <div align="center"><img src="Dikeliten.gif" align="absmiddle" width="74" height="104">

</div>

</td>

 

<td width="670">

<img src="logo.jpg" align="absmiddle" width="670" height="115"

</td>

<tr>

 

<tr height="475">

<td width="130">

<img src="logo_venstremarg_2.jpg" width="130" height="475">

</td>

 

<td class="tabell" width="670">

<table border="0" width="670" height="475">

<tr>

<td width="340">hei</td>

<td>hei</td>

</tr>

</table>

</td>

 

<tr>

 

</table>

 

</body>

 

</html>

 

 

Her er koden til stylesheetet:

 

 

td.logo {background-color: yellow}

td.tabell {background-color: blue}

 

table{

border-collapse: collapse;

}

 

 

 

som dere ser så kommer det mellomrom mellom cellene, de er ikke helt inntil hverandre. I tillegg er ikke linja jevn nederst. Man ser et hakk i bunnen i overgangen mellom de 2 cellene. Noen som kan hjelpe meg med disse 2 tingene?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Loomy

Loomy

Skrevet
Skrevet (endret)

Du kan ikke ha height i en <tr>

 

EDIT: ...strengt tatt ikke i en <td> heller ettersom dette egentlig skal være definert i CSS-filen

 

 

EDIT2: 

<table border="0" width="800">
<tr>
<td class="logo" width="130"><div align="center"><img src="Dikeliten.gif" align="absmiddle" width="74" height="104" alt=""> 
</div>
</td>

<td width="670">
<img src="logo.jpg" align="absmiddle" width="670" height="115" alt="">
</td>
</tr>
<tr>
<td width="130">
<img src="logo_venstremarg_2.jpg" width="130" height="475" alt="">
</td>
<td class="tabell" width="670">
<table border="0" width="670"> 
<tr>
<td width="340">hei</td>
<td>hei</td>
</tr>
</table>
</td>
</tr>
</table>

 

Har ryddet litt opp. Fjernet alle height-verdiene som må vekk.

 

 

EDIT3: Ryttet opp enda litt ;)

Endret av Loomy
Lenke til kommentar
Smidt

Smidt

Skrevet
Skrevet 

<table width="800" height="600" border=0 cellpadding="0" cellspacing="0">
 <tr height="115">
<td class="logo" width="130"> <div align="center"><img src="Dikeliten.gif" align="absmiddle" width="74" height="104"> 
</div>
</td>

<td width="670">
<img src="logo.jpg" align="absmiddle" width="670" height="115"
</td>
<tr>

<tr height="475">
<td width="130">
<img src="logo_venstremarg_2.jpg" width="130" height="475">
</td>

<td class="tabell" width="670">
<table width="670" height="475" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="340">hei</td>
<td>hei</td>
</tr>
</table>
</td>

<tr>

</table>

 

noe sånnt du ville ha?

la bare inn en cellpadding og cellspacing =0 paddingen har jo ikke noe med saken å gjøre, men liker å ha verdier for det meste selv om det ikke er i bruk for da skjer det ikke tull ;)

Lenke til kommentar
smurfine

smurfine

Skrevet
  • Forfatter
Skrevet

Loomy: Trodde man skulle legge inn høyden i <tr> og ikke i <td> slik at man slipper å definere høyden i alle kolonnene. Nå tok du jo vekk høydene, men høyden lå definert i bildene. Hva hvis jeg ikke hadde hatt bilder der, men bare skulle ha en tom tabell? Hvor skulle jeg definert høydene da? Kan man ikke definere dem i <tr>? Det virker jo enklest. Hvis jeg skal definere dem i stylesheetet, hvordan gjør jeg det da?

 

Smidt: Det funka at jeg ikke fikk mellomrom mellom kolonnene innen raden, men det er jo fremdeles mellomrom mellom den øverste og den nederste raden. Sida deles i 2 horisontalt. Hvordan få det vekk?

I tillegg er det fortsatt hakk helt nederst i overgangen mellom det blå og "logo_venstremarg_".jpg".

 

Håper noen av dere har forslag til hvordan jeg skal få vekk begge delene?

Lenke til kommentar
smurfine

smurfine

Skrevet
  • Forfatter
Skrevet

har ikke gjort noe med det, bortsett fra adda cellpadding og spacing. Sånn ser koden ut nå:

 

<html>

 

<head>

<title>Velkommen til Dikemark rideskoles nettsider</title>

<link rel="stylesheet" type="text/css"

href="dike.css" />

</head>

 

<body>

 

<table border=0 width="800" height="600" cellpadding="0" cellspacing="0">

<tr height="115">

<td class="logo" width="130"> <div align="center"><img src="Dikeliten.gif" align="absmiddle" width="74" height="104">

</div>

</td>

 

<td width="670">

<img src="logo.jpg" align="absmiddle" width="670" height="115"

</td>

<tr>

 

<tr height="475">

<td width="130">

<img src="logo_venstremarg_2.jpg" width="130" height="475">

</td>

 

<td class="tabell" width="670">

<table border="0" width="670" height="475" cellpadding="0" cellspacing="0">

<tr>

<td width="340">hei</td>

<td>hei</td>

</tr>

</table>

</td>

 

<tr>

 

</table>

 

</body>

 

samme stylesheet som ista

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet

Versågod:

 

HTML :

 

<table width="800" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td class="logo"> </td>
           <td class="banner"> </td>
         </tr>
       </table></td>
     </tr>
     <tr>
       <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
         <tr>
           <td class="meny"> </td>
           <td align="top" valign="top" class="contents"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="space">
             <tr>
               <td>Hei på deg</td>
               <td>Hei på deg</td>
             </tr>
           </table></td>
         </tr>
       </table></td>
     </tr>
   </table></td>
 </tr>
</table>

 

CSS:

 

.logo
{
background-color: yellow;
width: 130px;
height: 115px;
background-image: url(../grafikk/Dikeliten.gif);
background-repeat: no-repeat;
background-position: center center;

}

.meny
{
width: 130px;
height: 475px;
background-image: url(../grafikk/logo_venstremarg_2.jpg);
background-repeat: no-repeat;

}

.banner
{
background-image: url(../grafikk/logo.jpg);
background-repeat: no-repeat;

}

.contents
{
background-color: blue;
width: 670px;
}

.space
{
margin: 0px;
padding: 5px;
background-color: blue;
}

Lenke til kommentar
smurfine

smurfine

Skrevet
  • Forfatter
Skrevet

tusen takk. Jeg er igrunn ganske fersk i html og css-gamet, derfor alle problemene. Nå har jeg prøvd meg litt videre på din kode, dvs. gjort den om til noe jeg forstår litt bedre. den ligger på denne linken: http://www.dikemarkrideskole.no/dike/dike2.htm

 

stylesheetet er det samme som du lagde. Ser ut som det fungerer nå selvom jeg ikke har gjort det helt på samme måten som deg. Ser det greit ut? Please si ja, orker ikke mer dill med denne ene sida hehe :)

 

Men skal man vanligvis definere størrelsene i css'et? Hvis man har mange ulike sider så blir det jo utrolig mange klasser å definere i css'et da...Er det ikke da bedre å gjøre det i selve html-koden? Er det for å få det helt korrekt eller noe?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...