Avatar billede naquer Nybegynder
27. november 2006 - 16:26 Der er 2 kommentarer og
1 løsning

Brug af lag funktionen

Hej eksperter

Jeg har et billede (600 px bredt), som jeg gerne vil have til at ligge tværs over to celler, som hver især er 400 px bredde (dvs 800 px ialt ;o)

Er det muligt ved hjælp af lag funktionen i CSS til at få det billede til at ligge sig oven på de to celler og derved dække en del af dem?

I så fald hvordan ser koden ud?
Avatar billede olebole Juniormester
28. november 2006 - 10:11 #1
<ole>

Ja, hvordan ser din kode ud?

/mvh
</bole>
Avatar billede naquer Nybegynder
28. november 2006 - 14:58 #2
Okay ole, her har du det hele :)

Selve siden:

<?
ob_start();
session_start();
?>

<html>
<head>
    <title>test side</title>
   
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>

<body>
<center>
<img id="runding" src="grafik/runding.gif" width="600" /> !!!!! DETTE BILLEDE SKAL LÆGGE OVEN PÅ TABELLEN !!!!!!!

<table id="andetlag" width="800" heihgt="100%" cellpadding="0" cellspacing="0">
<tr>
    <!-- Logo og linkmenu -->
    <td width="800" heihgt="70" colspan="3" bgcolor="#082747"><a href="index.php"><img src="grafik/logo.gif" alt="Gå til forsiden" /></a>
    <a class="overlink" href="index.php?side=contact">CONTACT</a> <div class="orangelink">|</div> <!-- Kontakt link -->
    <a class="overlink" href="index.php?side=profile">PROFILE</a> <div class="orangelink">|</div>  <!-- Profil -->
    <a class="overlink" href="index.php?side=stocklist">STOCK LIST</a> <div class="orangelink">|</div>  <!-- Stock list -->
    <a class="overlink" href="index.php?side=products">PRODUCTS</a> <div class="orangelink">|</div>  <!-- Products -->
    <a class="overlink" href="index.php?side=forside">HOME</a> <div class="orangelink">|</div>  <!-- Home -->
   
    </td>
   
</tr>   
<tr>
    <!-- Billede -->
    <td width="400" height="220"><img src="grafik/billede.jpg" /></td>
   
    <!-- Lille sort streg -->
    <td rowspan="2" width="1" height="500"><img src="grafik/tyndstreg.jpg" /></td>
   
    <!-- Indhold (højre) -->
    <td rowspan="2" width="400">Indhold højre</td>
</tr>
<tr>

   
    <!-- Indhold (venstre) -->
    <td width="399">
    venstre
    </td>
</tr>

<tr>
    <!-- Nederst bar -->
        <td class='undermenu' colspan="3" width="800" height="20" background="grafik/nederstbaggrund.gif">Nederst menu <a href="index.php?side=login">Admin</a></td>
    </tr>
</table>
</center>

</body>
</html>


CSS'en:

/*** Generelt ***/

body {
    margin:0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
}

a {
    text-decoration:underline;
    color:black;
}

a img {
  border: 0px;
}

table {
    font-size:10px;
    line-height:150%;
}

/*** Øverst ***/

#andetlag {
    z-index:1;
}
#runding {
    z-index:2;
    margin-top:70px;
}
#graastreg {
    position:absolute;
    margin-top:2px;
}
.overlink {
    font-weight:bold;
    color:white;
    text-decoration:none;
}
.orangelink {
    color:ED7705;
    font-weight:bold;
}

/*** tekst ***/

#overskrift {
    font-size:12px;
    font-weight:bold;
    background-color:D5D5D6;
    width:400px;
    height:20px;
    margin-top:9px;
}

/*** undermenu ***/

.undermenu {
    color:white;
}
.undermenu a {
    color:white;
}
Avatar billede naquer Nybegynder
02. august 2011 - 18:47 #3
svar
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