HTML & CSSur HTML, XHTML & CSS
12 svar · 437 visningar · startad av ade
Hejsan, kolla på min meny bild, nu ska jag ha den som bakgrundsbild i en table, men hur ska jag göra för att få texten placerad i mitten va varje ruta, den ska placeras i mitten på i lodrätt och vågrätt ska den vara lite till vänster.
Vet att det finns nå padding:right 15px men behöver mer kött på benen och fullständig kod.
varje ruta ska vara en td eller?
Använd padding-left: 20px; padding-top: 5px; t.ex. eller text-align: center;
Det var meningen att hela bilden skulle var en i en table men det kanske blir svårare då? Brde jag klippa i sär alla rutor och sätta dom i varssin?!
icaaq skrev:
http://member.webforum.nu/1029/ade.htm
mv icaaq
när jag tar visa källa så händer inge tså ka ndu skicka koden :)
Koden
humm det kom sidan kan inte visas.
icaaq skrev:
Det kan inte min kod åstadkomma. Det måste vara något annat som gör det....
mv icaaq
Vad menar du?! :o
<table width="942" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="147" height="215" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="167" height="215" valign="top" background="menu.gif"><pre><strong></strong></pre></td>
</tr>
</table></td>
<td width="581" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="581" height="215" valign="top"><img src="bild.gif" width="581" height="215"></td>
</tr>
</table></td>
<td width="214"> </td>
</tr>
<tr>
<td height="643"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
HTML
[red]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>ade</title>
<style type="text/css" media="screen,print">
@import "ade.css";
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">hem</a></li>
<li><a href="#">about</a></li>
<li><a href="#">kontakt</a></li>
</ul>
</body>
</html>
[/red]
CSS
[red]
body
{
}
#menu
{
margin: 0px;
padding: 0px;
line-height: 1.2em;
width: 147px;
background-image: url(bgade.jpg);
background-repeat: repeat-y;
}
#menu li
{
margin: 0px;
padding: 0px;
}
#menu li a
{
background-image: url(bgade.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 29px;
padding: 5px 0px 0px 55px;
}
#menu li a:hover
{
background-image: url(bgade.jpg);
}
[/red]
IMG
http://member.webforum.nu/1029/bgade.jpg
mv icaaq
Tack så mkt ännu en gång för din hjälp icaaq.
