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 @ 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.

Bruger #13203 @ 09.03.09 23:12

Hvis du kan kode PHP burde du egentlig også kunne lave simpel HTML og CSS? Eller er det bare mig der synes det? I hvert fald så prøv de ting jeg har foreslået og du gør det meget nemmere for dig selv i fremtiden..

Bruger #11220 @ 10.03.09 19:39

okay nu har jeg gjort som du har sagt...
har filen
styles.css

Kode

/* CSS Document */
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #666;
}
#top {
    margin-top: 0px;
    padding: 0px;
    height: 168px;
    width: 818px;
	background: url("http://www.wizzo.dk/topbanner.png");
    z-index: 1;
}
#menu {
	position: relative;
	top: 100px;
	margin-top: 0px;
	padding: 0px;
}
#tekstboks {
    margin-top: 140px;
	margin-left: 2px;
	margin-bottom: auto;
	width: 818px;
	background-color: #999;
    text-align: left;
}
#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;	
}

også min xindex.php

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>
<link href="styles.css" rel="stylesheet" type="text/css">


</head>

<body>
<center>
<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>
<center>
<div id="tekstboks">
<h1>HEEEEY<h1>
</div>
</center>
</body>
</html>

problemet er bare at i ff viser den ikke topbanneret og i IE viser den hverken topbanneret eller menuen... øv...

men jo det er lidt underligt jeg kan kode php og ikke der basale css

fokuserede mere på php da jeg startede

Bruger #11220 @ 10.03.09 19:56

okay billedet bliver også vist nu... men menuen kan stadig ikke ses i IE...

og jeg kan ikke på tekstboksen på plads -.-

Bruger #11220 @ 10.03.09 22:21

så nåede det sku snart til vejs ende : ) tak

lige de sidste justeringer jeg kan ikke få min border bottom til at virke i IE og kan jeg gøre så #tekstboks bliver 100% af siden altså ned af x aksen ? : )

Bruger #13203 @ 10.03.09 22:37

y aksen mener du vel? x er den vandrette.. Men ja, det kan man godt.. Vil dog tro der skal noget Javascript ind over for at finde højden på brugerens browser vindue =]

Ellers prøv at sætte højden til at være 100% i stedet for ddet jeg satte den til =]

Bruger #11220 @ 10.03.09 23:06

arhhhh det her IE og FF problem driver mig til vanvid -.-
css'en

Kode

/* CSS Document */
*{
	margin:	0;
	padding: 0;
}
html, body {
    height: 100%;
    background-color: #666;
}
#main
{
	width: 818px;
	margin:	auto;
	background-color: #999;
	min-height: 100%;
}
#top {
    margin-top: 0px;
    padding: 0px;
    height: 168px;
    width: 818px;
	background-image: url("http://www.wizzo.dk/topbanner.png");
	background-repeat: none;
    z-index: 1;
}
#menu {
	width:818px;
	position: relative;
	top: 100px;
	margin-top: 0px;
	padding: 0px;
	margin: auto;
	text-align: center;
}
#tekstboks {
    margin: auto;
	width: 730px;
	min-height: 100%;
	background-color: #999;
}
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;	
}

siden som ikke er ændret...

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>
<link href="styles.css" rel="stylesheet" type="text/css">


</head>

<body>
	<div id="main">
	<div id="top">
		<div id="menu">
		<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><!-- Menu END -->
	</div>	
		<div id="tekstboks">
		<h1>HEEEEY<h1>
		</div><!-- Tekstboks END -->
	</div><!-- Main END -->
</body>
</html>

jeg har fået det til at virke fuldt ud i FF men i IE fucker det helt op prøv at se http://www.wizzo.dk/xindex.php
i IE og FF

arhh hehe kunne de ikke lave de to browsere på samme måde

Bruger #13203 @ 11.03.09 10:41

Jeg har kun en ting at sige Opera =D Opera er den eneste browser der ikke fucker ting op =] Det er umuligt at lave noget der virker i IE og også virker i alle andre browsere (det synes jeg i hvert fald)..

Men du kan lave sådan noget her:

Kode

<![if IE] --!>
<link rel="stylesheet" href="IEStyle.css" type="text/css" />
<![endif]-->

Det skal så ind på din xindex.php og så laver du bare et seperat stylesheet til IE =]

Good luck ;P

- Martin Bille Broberg

<< < 1 2 3 > >>

menu problem

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler