::: FORUM ManuFrog :::: webdesign - ::: FORUM ManuFrog :::

Hoppa till innehåll

Sida 1 av 1
  • Du kan inte skapa ett nytt ämne
  • Du kan inte svara i detta ämne

webdesign Vad gör jag för fel?

#1 Medlemmen är offline   inspire 

  • Grupp: Members
  • Inlägg: 1
  • Gick med: 13-februari 10

Postad 14 februari 2010 - 19:35

Hej!
Jag är verkligen helt ny inom det här området. Har dock fått till en ganska bra hemsida som jag är nöjd med. Dock har jag lite probem med menyn. I windows flyttar sig tex arkiv när jag ska trycka på den :( Någon som kanske kan hjälpa mig?

http://inspiremagazine.se/

<!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=utf-8" />
<title>Inspire Magazine</title>
<style type="text/css">
<!--
body {
background: #FFFFFF;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #f1dac6;
position: absolute;
font-family: "Segoe UI";
font-size: small;
margin-left: 0%;
}
.oneColLiqCtrHdr {
position: relative;
}
.oneColLiqCtrHdr #container {
width: 80%; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #FFFFFF;
text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
background: #FFFFFF;
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
text-align: center;
font-family: "Segoe UI";
font-size: small;
color: #FFF;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.oneColLiqCtrHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
text-align: center;
font-family: Garamond, irisUPC;
color: #FFF;
font-size: 18mm;
}
.oneColLiqCtrHdr #mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #FFFFFF;
}
.oneColLiqCtrHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#FFFFFF;
}
.oneColLiqCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneColLiqCtrHdr #container #header #form1 label {
font-family: Garamond, irisUPC;
}
.oneColLiqCtrHdr #container #header #form1 label {
font-style: italic;
}
.oneColLiqCtrHdr #container #header #form1 label {
font-size: 12%;
}
.oneColLiqCtrHdr #container #header #form1 label {
font-size: 12cm;
}
.oneColLiqCtrHdr #container #header #form1 label {
font-size: 12mm;
}
.oneColLiqCtrHdr #container #header #form1 label {
font-size: 9mm;
}
.oneColLiqCtrHdr #container #header #form1 label {
font-size: 10mm;
}
#Aktuellt {
position:absolute;
left:111px;
top:161px;
width:20em;
height:21px;
z-index:1;
background-color: #5c514f;
color: #FFFFFF;
font-family: "Segoe UI";
font-size: small;
text-align: center;
}
#arkiv {
position:absolute;
left:332px;
top:161px;
width:20em;
height:21px;
z-index:2;
color: #FFFFFF;
background-color: #5c514f;
font-size: small;
font-family: "Segoe UI";
text-align: center;
}
#blogg {
position:absolute;
left:549px;
top:161px;
width:20em;
height:21px;
z-index:3;
background-color: #5c514f;
font-family: "Segoe UI";
font-size: small;
color: #FFFFFF;
}
#prenumerera {
position:absolute;
left:769px;
top:161px;
width:20em;
height:21px;
z-index:4;
background-color: #5c514f;
font-family: "Segoe UI";
font-size: small;
color: #FFFFFF;
overflow: visible;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #FFF;
position: absolute;
}
.oneColLiqCtrHdr #container #header div div {
color: #FFF;
}
.oneColLiqCtrHdr #container #header table tr th {
color: #FFF;
font-family: "Segoe UI";
background-color: #5c514f;
font-size: small;
font-style: normal;
font-weight: lighter;
border-top-color: #FFFFFF;
}
#apDiv1 {
position:absolute;
left:730px;
top:23px;
width:92px;
height:25px;
z-index:5;
}
-->
</style>
<style type="text/css">
<!--
#apDiv2 {
position:absolute;
left:101px;
top:248px;
width:20%;
height:19px;
z-index:1;
color: #FFFFFF;
background-color: #5c514f;
font-size: small;
visibility: visible;
}
#apDiv3 {
position:absolute;
left:324px;
top:252px;
width:20%;
height:19px;
z-index:2;
color: #FFF;
background-color: #5c514f;
font-size: small;
visibility: visible;
display: table-row;
}
#apDiv4 {
position:absolute;
left:600px;
top:164px;
width:171px;
height:30px;
z-index:3;
background-color: #5c514f;
color: #FFF;
font-size: small;
}
#apDiv5 {
position:absolute;
left:773px;
top:240px;
width:20%;
height:19px;
z-index:4;
color: #FFF;
background-color: #5c514f;
font-size: small;
font-family: "Segoe UI";
visibility: visible;
}
.oneColLiqCtrHdr #apDiv4 strong {
font-family: "Segoe UI";
}
-->
</style>
<style type="text/css">
<!--
#apDiv6 {
position:absolute;
left:553px;
top:246px;
width:20%;
height:19px;
z-index:3;
background-color: #5c514f;
color: #FFF;
font-size: small;
visibility: visible;
}
.oneColLiqCtrHdr #container #header h1 {
font-family: Segoe UI;
}
.oneColLiqCtrHdr #container #footer pre #footer strong {
color: #333;
font-size: x-small;
font-family: Garamond, irisUPC;
}
.oneColLiqCtrHdr #container #footer pre #footer strong {
font-size: small;
}
-->
</style>
</head>

<body class="oneColLiqCtrHdr">
<span class="oneColLiqCtrHdr"></span>
<div id="container">
<div id="header">
<h1><img src="Logga.jpg" width="400" height="123" /></h1>
<table width="100%" border="0" align="center" cellspacing="0">
<tr>
<th width="25%" scope="col"><a href="aktuellt.html">AKTUELLT</a></th>
<th width="25%" scope="col"><a href="arkiv.html">ARKIV</a></th>
<th width="25%" scope="col"><a href="blogg">BLOGG</a></th>
<th width="25%" scope="col"><a href="prenumerera.html">PRENUMERERA</a></th>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<h1>&nbsp;</h1>
</div>
<div id="mainContent">
<div id="mainContent2">
<hr align="center" width="100%" size="2" colour="5c514f" />
<table width="101%" height="23" border="0
">
<tr>
<th width="25%" height="19" scope="col">Hjälp</th>
<th width="25%" scope="col">Kontakt</th>
<th width="25%" scope="col">Om oss</th>
<th width="25%" scope="col">Advertising</th>
</tr>
</table>
</div>
</div>
<div id="footer">
<pre><span id="footer"><strong>© 2010 inspiremagazine.se </strong></span> </pre>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
0

Dela med dig av detta ämne:


Sida 1 av 1
  • Du kan inte skapa ett nytt ämne
  • Du kan inte svara i detta ämne


1 användare läser detta ämne
0 medlemmar, 1 gäster, 0 anonyma medlemmar