mysqldumper
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 15.05.2008, 15:07   #1
TP-Junior
 
Registriert seit: Mar 2004
Ort: nahe Nürnberg
manunited macht alles soweit korrekt

Rahmen bei CSS-Menü


Hallo,

ich habe 1,5 Probleme mit dem Border meines CSS-Menüs. Bei allen getesteten Browsern (IE7, Opera9, FF2.0) fehlt beim letzten Menüpunkt der untere Rand.

Außerdem stellt der FF nach jedem dritten Punkt eine doppelte (=fette) Linie dar. Bei den anderen Browsern funktioniert es.

Ich hab den jetzigen Stand mal hochgeladen.

Hier auch noch die Codes:

CSS:
Code:
@charset "utf-8";

#navi, #navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#navi li {
	width:98px;
	float:left;
	border:none;
}

#navi li ul li {
	width:200px;
	height: 13pt;
	border:1px solid #ffffff;
	border-collapse: collapse;
}

#navi li ul {
	display:none;
}

#navi li:hover ul {
	display:block;
}

#navi a {
	display:block;
	padding:0px 5px;
}

#navi a:link, #navi a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	background:#24180e;
	text-decoration: none;
}

#navi a:hover, #navi a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #24180e;
	background:#ffffff;
	text-decoration: none;
}
HTML:
HTML-Code:
<!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>Momas Blumen Kunst</title>
<link href="div.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />

	<!--[if lte IE 6]>
	  <style type="text/css" media="screen">#navi { behavior:url("csshover.htc"); }</style>
	<![endif]-->


</head>
<body>

  
<p class="topnavi">impressum | kontakt | &Ouml;ffnungszeiten </p>
<div class="papa">
    <div class="menu">
     
    	<ul id="navi">
            <li><a href="#">Leistungen</a>
                <ul >
                <li><a href="#"  >Ladenverkauf</a></li>
                <li><a href="#"  >Eventdekoration</a></li>
                <li><a href="#"  >Wochenblumenservice</a></li>
                </ul>
            </li>
			<li><a href="">Produkte</a>
                <ul >
                <li><a href="#"  >Blumen</a></li>
                <li><a href="#"  >Pflanzen</a></li>
                <li><a href="#"  >Vasen</a></li>
                <li><a href="#"  >&Uuml;bert&ouml;pfe</a></li>
                <li><a href="#"  >Florale Objekte</a></li>
                <li><a href="#"  >Accessoires</a></li>
                </ul>
            </li>
            <li><a href="">Bestellung</a>
                <ul >
                <li><a href="#"  >Schnittblumen</a></li>
                <li><a href="#"  >Gesch&auml;ftsdekoration</a></li>
                <li><a href="#"  >Eventdekoration</a></li>
                </ul>
            </li>
            <li><a href="">Galerie</a>
                <ul >
                <li><a href="#"  >Blumen</a></li>
                <li><a href="#"  >Pflanzen</a></li>
                <li><a href="#"  >Vasen</a></li>
                <li><a href="#"  >Florale Objekte</a></li>
                </ul>
            </li>
        </ul>
                
    </div>
	<div id="ail" class="green"></div>
	<div class="logo" id="ail_logo"></div>
<div class="innen">
    	<div class="orn_links"></div>
        <div class="haupt">
          <div class="haupt_oben">
            <h1>Lorem ipsum dolor sit amet </h1>
            <p>Consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
          </div>
          <div class="haupt_links"></div>
            <div class="haupt_unten"></div>	
        </div>
   	<div class="orn_rechts"></div>
    </div>

</div>

</body>
</html>
Vielleicht kann auch mal kurz noch jemand die Seite mit dem IE6 testen.

Vielen Dank schon mal!

ManUnited
manunited ist offline   Mit Zitat antworten


Alt 15.05.2008, 16:17   #2
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Moin,
arbeite bei der Höhe für die Listenpunkte nicht mit Punkt (pt), sondern mit Pixel (px)
Oder lass es ganz weg, bzw nimm dann line-height
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 15.05.2008, 17:02   #3
TP-Junior
 
Registriert seit: Mar 2004
Ort: nahe Nürnberg
manunited macht alles soweit korrekt
Vielen Dank! Ich bin so blind!

Dank hero-masters Hilfe hab ich nun die 1,5 Fehler entfernt und die neue Version hochgeladen.

Kann bitte noch jemand mit dem IE6 testen. Ich habe derzeit leider keinen zur Verfügung.

Danke!
manunited ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Rahmen bei CSS-Menü Rahmen bei CSS-Menü
« Firefox Problem | Herangehensweise: Vom grafischen Layout zum CSS-Layout »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:15 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67