05.01.2005, 12:19
|
|||
|
|||
horizontale Liste mit Links - Problem mit Opera
Hallo !
ich versuche mich an einer horizontalen "tabbed" Navigation per Liste und Opera scheint eigenwillig zu sein. In Opera "sprengen" die Link-Texte ihre "Boxen" und überlappen den nachfolgenden Inhalt, falls jemand Rat weiß, bin für jeden Tipp dankbar. Wie es aussehen sollte ..Sreenshot ist angehangen HTML/CSS-Code Code:
<!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" xml:lang="de" lang="de">
<head>
<title>Information</title>
<meta name="keywords" lang="de" content="DBN, Battletech, Rollenspiel, Donegal, Broadcasting, News" />
<meta name="keywords" lang="en" content="DBN, Battletech, Roleplay, Fiction, Donegal, Broadcasting, News" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css" href="dbn_test.css" >
<!--
/*-----------------------------------------------------------*/
/***************** allg. Angaben *****************************/
/*-----------------------------------------------------------*/
* {
padding: 0;
margin: 0;
}
body {
text-align: center;
background-color: #ececec;
font-family: Arial, arial, sans-serif;
font-size: 100.01%;
}
p {
font-size: 1em;
text-align: left;
}
/*-----------------------------------------------------------*/
#mainnav {
width: 60em;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color: #9999cc;
text-align: left;
}
#mainnav ul {
font-weight: normal;
margin-left: 2em;
}
#mainnav li {
display: inline;
list-style: none;
margin: 0;
}
#mainnav a {
text-decoration: none;
color: #fff;
font-size: 1.1em;
letter-spacing: 0.1em;
padding: 0.5em;
}
#mainnav a:link, #mainnav a:visited {
color: #fff;
background-color: #9999CC;
font-size: 1.1em;
letter-spacing: 0.1em;
padding: 0.5em;
}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
color: #fff;
background-color: #666699;
font-size: 1.1em;
letter-spacing: 0.1em;
padding: 0.5em;
}
#mainnav a#current {
color: #369;
background-color: #fff;
font-size: 1.1em;
letter-spacing: 0.1em;
padding: 0.5em;
}
/*-----------------------------------------------------------*/
#mainbox {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
width: 60em;
background-color: #fff;
}
-->
</style>
</head>
<body>
<div id="mainnav">
<ul>[*]Home[*]Politik[*]Wirtschaft[*]Kultur[*]Sport[*]DBN-Spezial[*]Archiv[/list]</div>
<div id="mainbox">
Test Test Test Test Test Test Test Test Test </p>
Test Test Test Test Test Test Test Test Test </p>
Test Test Test Test Test Test Test Test Test </p>
Test Test Test Test Test Test Test Test Test </p>
Test Test Test Test Test Test Test Test Test </p>
Test Test Test Test Test Test Test Test Test </p>
Test Test Test Test Test Test Test Test Test </p>
</div>
</body>
</html>
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| CSS - Links in Liste so groß wie li-Element | schwaigerf | CSS | 5 | 21.01.2009 13:07 |
| problem mit links im firefox | steve-x | CSS | 7 | 05.01.2009 21:07 |
| Hover Problem mit Opera 9 | superlux001 | CSS | 1 | 28.11.2006 16:12 |
| problem bei der platzierung von links | miloko | CSS | 2 | 17.10.2006 15:19 |
| Border/Box Problem zwischen Mozilla und Opera | cro4ky | CSS | 3 | 12.03.2004 09:21 |
Linear-Darstellung
