html - menu problem - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 3 > >>

Bruger #11220 @ 07.03.09 16:39

siden http://wizzo.dk/xindex.php

jeg har prøvet på at lade css styrer hvor linksne(menuen) skal være men jeg kan satme ikke finde ud af det.

Kode

<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #999;
}
-->
<!--
#menu {
    background: url("topbanner.png");
    height: 168px;
    margin-top: 0px;
    padding: 0px;
}

#menulinks menu {
    color: #FFF;
    display: block;
    font: 11pt Verdana;
    height: 28px;
	text-decoration: none;
	margin-top: 105px;
    margin-left: 85px;
}
-->
</style></head>

<body>
<center>
<table width="818" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top"><div id="menu">       
    <div id="menu"><a href="#">Home</a>
    <a href="#">About Us</a>
    <a href="#">News</a>
    <a href="#">News</a></div>
    </div>
</td>
  </tr>
</table>
</center>
</body>
</html>

det er selve koden men det er somom menu linksne ikke gider at gå der ned jeg har sat dem til med margin nogen der kan løse mit problem ?

28 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #11220 @ 07.03.09 18:02

okay har lige prøvet din kode men nu er teksten nedenunder topbanneret i stedet. jeg må virkelig gører et eller andet forkert

Bruger #5097 @ 07.03.09 18:15

818

Jamen er det ikke det den skal være?
Okay jamen så skal du bare ændre værdien i "top" så du får den hvor du vil have den. Det burde altså være til at finde ud af.

Bruger #11220 @ 07.03.09 18:15

men skal jeg så droppe tablen og kun bruge div'sne ?

Bruger #5097 @ 07.03.09 18:26

818

Ahva? Nej som det står der virker det jo fint bare du ændre værdien af "top".

Sig mig hvor du have teksten, så kan jeg gøre det for dig

Bruger #11220 @ 07.03.09 18:56

hmm det vises forskelligt i IE of FF i IE kan jeg ikke se billedet og i FF er teksten uden for billedet...

men jeg vil gerne have teksten i den grå-hvide parralellogram boks som er under selve navnet(det er noget hvidt i mellem)

Bruger #13203 @ 07.03.09 18:56

okay har lige prøvet din kode men nu er teksten nedenunder topbanneret i stedet. jeg må virkelig gører et eller andet forkert

Jep.. Lad være med at lave <div> inde i <table>.. Vælg en af delene da det er 1000 gange nemmere at arbejde med og giver det bedste resultat..

Derudover skal du proppe din CSS ind i et eksternt dokument, det ser lidt kikset ud at det er på samme side ;P

Hvis det er kan du bare kontakte mig, så skal jeg nok vise dig hvad jeg mener =]

Bruger #11220 @ 08.03.09 19:04

sharf har fået det til at virke nu i FF i hvertfald med denne her kode sådan næsten

Kode

<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #666;
z-index: -3;
}
-->
#top {
    margin-top: 0px;
    padding: 0px;
    height: 168px;
    background: url("topbanner.png");
	background-color: #999;
	z-index:0;
}
#menu {
	position: relative;
	top: 100px;
	margin-top: 0px;
	padding: 0px;
}
#tekstboks {
    margin-top: 140px;
	margin-left: 2px;
	margin-bottom: auto;
	background-color: #999;
	z-index:-1;
}
#menulinks {
	margin-top: 90px;
    border-right: 1px solid #DDD;
    float: left;
}
a.menulinks:link {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-decoration: none;
}
a.menulinks:visited {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-decoration: none;
}
a.menulinks:hover {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	border-bottom-color: #F00;
	border-bottom-width: thick;
	border-bottom-style: solid;	
}
a.menulinks:active {
	color: #00F;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	border-bottom-color: #00F;
	border-bottom-width: thick;
	border-bottom-style: solid;	
}
</style></head>

<body>
<center>
<table width="818" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" id='top'>
<div id="menu">
<center>
<a href="#" class="menulinks">Home</a> 
|
 <a href="#" class="menulinks"> About Us</a> 
|
 <a href="#" class="menulinks">News</a> 
|
 <a href="#" class="menulinks">News</a></div>
</center>
</div>
</center>
<div id="tekstboks">
<h1>HEEEEY<h1>
<p> test<p>
<p> test<p>
<p> test<p>
<p> test<p>
<p> test<p>
<p></p>
</div>
</td>
</tr>
</table>

</body>
</html>

se http://www.wizzo.dk/xindex.php
men den repeater bare baggrunden så den kan ses nederst og hvis jeg skriver background: no-repeat;
så kommer banneret slet ikke frem.
men ellers vil jeg bare gerne have hjælp til at på ccs'stylen tekstboks til at fylde 100% ned af.

Bruger #11220 @ 08.03.09 19:13

plus man kan ikke se menuen(linksne) i IE og der er teksten under centreret -.-

Bruger #13203 @ 08.03.09 23:27

1. Du skal stoppe med at bruge table!
2. Dit CSS skal ikke indholde 

Du skal bare sætte det hele op i <div> og style dem med id's..

Hvilket program bruger du til at skrive din hjemmeside i?

Og hvorfor er det en .php fil?

Bruger #11220 @ 09.03.09 07:17

1. Du skal stoppe med at bruge table!
2. Dit CSS skal ikke indholde 

Du skal bare sætte det hele op i <div> og style dem med id's..

Hvilket program bruger du til at skrive din hjemmeside i?

Og hvorfor er det en .php fil?

okay vil jeg lige prøve, jeg bruger dreamweaver og det er en php fil fordi der kommer php kode i senere skal bare lige have sat designet op.

<< < 1 2 3 > >>

menu problem

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler