php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 16-02-2010, 07:32
rompers
 Registrierter Benutzer
Links : Onlinestatus : rompers ist offline
Registriert seit: Jul 2007
Beiträge: 2
rompers ist zur Zeit noch ein unbeschriebenes Blatt
Standard [Gelöst] Darstellungsproblem im Menü

Hallo,

bin gerade dabei meine Seite mit einem neuen Style zu versehen
und mein Menü möchte nicht so wie ich das möchte.
Im Firefox geht es

aber im IE geht es nicht

hier noch mein code dazu
der CSS
Code:
.first a, .menue a, .ende a {
	font-family: arial, helvetica, tahoma ,verdana, sans-serif;
	font-size: 11pt;
	text-align: center;
	color: #EFEFEF;
	line-height: 66px;
	height: 67px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.first a:hover, .menue a:hover, .ende a:hover {
	color: #AFAFAF;
}

.first a, .first a:visited , .first a:active {
	display: block;
	width: 156px;
	background-image: url(images/link01.jpg);
}

.first a:hover {
	background-image: url(images/link01b.jpg);
}

.menue a, .menue a:visited, .menue a:active {
	display: block;
	width: 150px;
	background-image: url(images/link_mitte.jpg);
	background-repeat: repeat-x;
}

.menue a:hover {
	background-image: url(images/link_mitteb.jpg);
}

.ende a, .ende a:visited, .ende a:active {
	display: block;
	width: 156px;
	background-image: url(images/link05.jpg);
}

.ende a:hover {
	background-image: url(images/link05b.jpg);
}

#navi ul li {
	float:left;
	list-style-type: none;
}
und der HTML
HTML-Code:
<div id="navi">
	<ul>
		<li class="first">
			<a href="index.html">Start</a>
		</li>
		<li class="menue">
			<img src="http://www.php-resource.de/forum/images/trenn.jpg" width="1" height="67" border="0" alt="" />
		</li>
		<li class="menue">
			<a href="gbook.html">G&auml;stebuch</a>
		</li>
		<li class="menue">
			<img src="http://www.php-resource.de/forum/images/trenn.jpg" width="1" height="67" border="0" alt="" />
		</li>
		<li class="menue">
			<a href="shop.html">Shop</a>
		</li>
		<li class="menue">
			<img src="http://www.php-resource.de/forum/images/trenn.jpg" width="1" height="67" border="0" alt="" />
		</li>
		<li class="menue">
			<a href="imprint.html">Impressum</a>
		</li>
		<li class="menue">
			<img src="http://www.php-resource.de/forum/images/trenn.jpg" width="1" height="67" border="0" alt="" />
		</li>
		<li class="ende">
			<a href="partner.html">Partner</a>
		</li>
	</ul>
</div>
bin für jede hilfe danbar

//Edit: fehler gefunden
__________________
mfg rompers

Geändert von rompers (16-02-2010 um 07:38 Uhr) Grund: fehler gefunden a:visited vergessen zusetzen
Mit Zitat antworten
  #2 (permalink)  
Alt 16-02-2010, 15:37
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Die Trenn-Bilder solltest du als Hintergrundbilder einsetzen - schliesslich sind sie kein Inhalt, sondern nur Verzierung.

Sie als einzelne Listenpunkte zu realisieren, ist hochgradig unsinnig. Betrachte das ganze mal ohne CSS, oder stell dir vor, wie es sich mit einem Screenreader anhört.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE 6 Darstellungsproblem jmc HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 12 08-01-2009 02:08
Darstellungsproblem alfq HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 01-12-2008 20:35
Darstellungsproblem SilverVegeto HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 6 07-01-2007 19:57
CSS Darstellungsproblem im IE roithi HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 05-12-2006 10:59
Darstellungsproblem Newbie43 SQL / Datenbanken 5 23-05-2005 11:48

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

WeltExplorer v1.0

WeltExplorer v1.0 ist ein Dateimanager zum Browsen und Operieren im Dateisystem. Bei installiertem cURL können Ordner und Dateien zu entfernten FTP-Servern hochgeladen bzw. von diesen heruntergeladen werden, etwa zum Erstellen von Backups oder Mirrorsites

06.02.2019 weltvolk | Kategorie: PHP/ File
PG Job Site Pro

> Job Site Pro - web-basiertes Programm, auf PHP/MySQL für Erstellung der funktionellen Job Board Site gebaut. Das hat erweitertes Management-System für Arbeitssuchenden und Arbeitgeber und kann für bestimmte Länder, Regionen oder einfach generelle Job Si

05.02.2019 submit@ | Kategorie: PHP/ Management
ModuleStudio ansehen ModuleStudio

Modellgetriebene Entwicklung von Erweiterungen für das Open Source Framework Zikula.

15.01.2019 Guite | Kategorie: PHP ENTWICKLUNGSUMGEBUNG
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 02:08 Uhr.