8 svar · 666 visningar · startad av fried
Det är så att jag och en kompis håller på att utveckla en hemsida just nu (våran första).
Hur som helst så sitter jag jusst nu och kodar, men när jag sedan sparar, och skickar till min kompis, hamnar menyer och sånt anorlunda för honom.
Jag använder mig utav
#ENHET {
position:absolute;
top:X%;
right:X%;
}
när jag väljer position, har det något med det att göra eller?
Använder du samma webbläsare som din kompis? Har ni samma skärmupplösning på era datorer?
Samma webbläsare JA
Samma upplösning, troligen inte.
Men jag vill ju att menyerna ska sitta som dom ska på allas skärmas i hela sverige...
Har du någon fast bredd och höjd på meny:n? Om inte, prova sätt dit en, annars har jag ingen ide just nu.
...
Därför måste ni göra på det Rätta Viset. Poängen är att lära sig vad som fungerar och vad som inte fungerar. Alternativet tills man har gjort detta är att använda sig av tabeller. Jag brukar ha en wrapper med vidden 100% och allt annat i den eller ha alla mått i em så att ellementen byter storlek med texten.
Jag länkar hela koden här, så ni kanske kan hjälpa, jag har även ett till problem.
Menyn svarar in på positionerna jag gett den?
Jag har letat och letat men hittar inte problemet, hjälp snälla!
HTML:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>bakgrund</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<link rel="stylesheet" href="mall.css">
<style type="text/css">
body {
padding-left: 14em;
color: black;
background-color: none }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
z-index: 2
top: 13.5em;
right: 55em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: none;
margin: 0.6em 0;
padding: 0.4em;
border-left: 1.2em solid orange }
ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: black }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
</style>
</style>
</head>
<body>
<!-- Site navigation menu -->
<ul class="navbar">
<li><a href="sony.html">Forum</a>
<li><a href="samsung.html">Dina bilder</a>
<li><a href="lg.html">Fräschaste</a>
<li><a href="nokia.html">Jtube</a>
<li><a href="Motorola.html">Kontakta oss</a>
<li></li>
</ul>
<!-- Main content -->
<div id="adsense">
<script type="text/javascript">
<!--
google_ad_client = "pub-3276635821711239";
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div id="link">
<script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 468x15, skapad 2008-04-25 */
google_ad_slot = "8632462736";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="template">
<!-- ImageReady Slices (bakgrund.bmp) -->
<table id="Table_01" width="900" height="901" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/bakgrund_01.gif" width="544" height="168" alt=""></td>
<td>
<img src="images/bakgrund_02.jpg" width="356" height="168" alt=""></td>
</tr>
<tr>
<td>
<img src="images/bakgrund_03.jpg" width="242" height="474" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/bakgrund_04.jpg" width="658" height="732" alt=""></td>
</tr>
<tr>
<td>
<img src="images/bakgrund_05.jpg" width="242" height="258" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="242" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="302" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="356" height="1" alt=""></td>
</tr>
</table>
</center>
<!-- End ImageReady Slices -->
</div>
</body>
</html>
CSS:
#adsense {
position: absolute;
top:24%;
right:11%;
z-index: 2
}
#link {
position: absolute;
top:24%;
right:24%;
z-index: 2
}
#template {
position: relative;
z-index: 1
}
När jag ändrade
right:55em;
till
right: 30%;
så funkade det att ändra position, men det funkade inte på
left: 13.5em;
Hjälp tack
Ändrade lite i koden, funkar nu...,tack för ingenting iaf!
fried skrev:
tack för ingenting iaf!
Ja, det är oacceptabelt att folk inte är online klockan halv tre på morgonen för att hjälpa andra personer på wF.