Avatar billede -veile- Nybegynder
05. februar 2006 - 00:02 Der er 11 kommentarer

Skygge i mine sider

Hey!

Jeg har et lille problem, jeg vil gerne ha lavet en skygge i begge mine sider, på mit design... Hvordan gøres dette i CSS, når jeg har oprettet to billeder! til left og right side! men jeg kan finde ud af at få dem til at vise noget!

Css kode!

.bg-shadow-left{
    background-image: url(images/bg-shadow-left.gif);
    background-repeat: repeat-y;
    width: 15px;
}
.bg-shadow-right{
    background-image: url(images/bg-shadow-right.gif);
    background-repeat: repeat-y;
    width: 15px;
}

Og så noget af min HTML kode ( hvis der findes en bedre metode til opstilling må dette godt komme istedet! :O

<div class="top">
  <table align="right" class="banner">
   
    <tr>
      <td ><a href="http://www.partner-ads.com/dk/klikbanner.php?partnerid=3889&bannerid=3787" target=_blank>
<img src="http://www.partner-ads.com/dk/visbanner.php?partnerid=3889&bannerid=3787" border=0></a></td>
    </tr>
  </table>
  <br /><br /><h1><strong>Prisbasen.dk</strong></h1>
 
</div>

<div class="ramme">
    <tabl
  <tr>
    <td class="left"><span class="style1">&raquo; </span>Menu - <span class="style1">&raquo; </span>Nyeste produkter - <span class="style1">&raquo;</span> reklame! </td>
    <td class="middle"><div class="tekstmargin">Produkt kategorier </div></td>
    <td class="right"><div class="menuboxcontex">
      <div align="center"><span class="style6">»</span> Login</div>
    </div></td>
  </tr>
</table>
</div>
<div class="copyright">
  <div align="center">Copyright 2006 prisbasen.dk all rights reserved!</div>
</div>

Håber nogle af jer kan hjælpe mig!
Avatar billede jodde Praktikant
05. februar 2006 - 00:05 #1
Sider, design? Præcis hvad søger du?
Avatar billede -veile- Nybegynder
05. februar 2006 - 00:08 #2
http://www.unisport.dk har noget af det som jeg søger!
Avatar billede -veile- Nybegynder
05. februar 2006 - 00:11 #3
Det er de skygger som jeg ikk ved hvordan jeg skal fremkalde, jeg har billederne men det vil bare ikk vises i min html! tror det er min html kode der noget helt galt med!!

p.s fjernede os li det sted hvor jeg hentede bg-shadow-left og right!
Avatar billede roenving Novice
05. februar 2006 - 02:54 #4
-- det er lidt svært at gætte, når du ikke viser hvor skyggen skal vises ...

--og følgende vil vel fjerne alle muligheder for at en browser kan fortolke korrekt ?-)

<div class="ramme">
    <tabl
  <tr>
    <td class="left"><span class="style1">&raquo; </span>Menu - <span class="style1">&raquo; </span>Nyeste ...
Avatar billede -veile- Nybegynder
05. februar 2006 - 12:45 #5
Den skal vises!

I venstre side, der hvor jeg har en margin, samtidig med også skal vises í højre side! men jeg ved ikk hvordan min HTML kode skal se ud, jeg har lavet mine to billeder med skygerne til venstre og til højre side!

Håber du/i forstår det nu!
Avatar billede roenving Novice
06. februar 2006 - 14:31 #6
Hvis du bruger ufærdige tags (som '<tabl' !-) er der nok intet, der virker nogen steder !o]
Avatar billede -veile- Nybegynder
15. februar 2006 - 02:23 #7
hehe... ok, der var en fejl! og den er rettet, men jeg kan stadig ikk få det til at virke ordentlig,

resultat, http://www.e-playcity/hey
det ser ikke ret fedt ud!:( ved ikk hvad jeg gør galt! så håber i kan hjælpe!
Avatar billede -veile- Nybegynder
15. februar 2006 - 02:25 #8
ups glemte lige koden !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>[Sjoveren.dk]</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>

<center>
<table width="750">
  <tr>
  <td style="background-image:url('images/leftshadow.jpg');width:60px;">&nbsp;
   
  </td>
  <td class="ramme"><p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  <td style="background-image:url('images/rightshadow.jpg');width:60px;">&nbsp;
 
  </td>
</tr>
</table>
</center>
</body>
</html>
Avatar billede roenving Novice
15. februar 2006 - 02:28 #9
Hvad er det da ellers, du vil have ?-)
Avatar billede -veile- Nybegynder
15. februar 2006 - 02:53 #10
Jamen, kan du ikk se billederne gentager sig, det skal være meningen at man ikk skulle kunne se det! og du kan se en mellemrum fra skygge billeden og ind til tabelen, hvad der heller ikke ser ret godt ud!
Avatar billede roenving Novice
15. februar 2006 - 03:00 #11
Hrm, f.eks. burde det virke sådan:

<td style="background:url(images/leftshadow.jpg) top right repeat-y;width:60px;">

-- jeg har dog ikke testet det, og måske skal du også sørge for, at tabellen har border-collapse:collapse; og cellerne border:0;
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