mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 21:18 Benutzername: Passwort: Auto-Login

Thema: Navi macht immer einen Freiraum zwischen li vom 19.03.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Navi macht immer einen Freiraum zwischen li
Autor Nachricht
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Fr 19.03.2010 15:56
Titel

Navi macht immer einen Freiraum zwischen li

Antworten mit Zitat Zum Seitenanfang

ich komm hier einfach nicht mehr weiter, vielleicht wisst ihr ja woran das liegt?

Auf dieser Seite habe ich mit der Navi ein Problem und zwar ist rechts beim hovern immer ein wenig freiraum, ich hab da schon mit dem padding rumgespielt aber es hat nichts geholfen *Schnief*

Hier der Link: Link
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 19.03.2010 16:13
Titel

Antworten mit Zitat Zum Seitenanfang

floate die umschließenden lis statt sie auf display: inline zu stellen. inline elemente werden dvon leerstellen im code in ihrer darstellung beeinflußt, blockelemente (die lis werden durch die float eigenschaft automatisch block elemente) nicht.
Code:
.nav_links li {
float:left;
}


Zuletzt bearbeitet von sahnemuh am Fr 19.03.2010 16:14, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Fr 19.03.2010 20:51
Titel

Antworten mit Zitat Zum Seitenanfang

Danke sehr Lächel
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 19.03.2010 21:35
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

<ul class="nav_links clearfix">

Code:

.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
   }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Fr 19.03.2010 21:53
Titel

Antworten mit Zitat Zum Seitenanfang

Ähm was willst du mir damit sagen?
  View user's profile Private Nachricht senden
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Fr 19.03.2010 22:18
Titel

Antworten mit Zitat Zum Seitenanfang

choise hat geschrieben:
Code:

<ul class="nav_links clearfix">

Code:

.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
   }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



Ok, hab ich gemacht aber was bewirkt das alles?
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 19.03.2010 23:15
Titel

Antworten mit Zitat Zum Seitenanfang

jeder float muss auch ge-cleared werden,sobald du nichtmehr willst, dass die floats weiterlaufen.
der clearfix ermöglicht dir das ganze zu handeln ohne zusätzliches markup verwenden zu müssen.

vorallem weil es in einer liste nach den Li's eh sehr schwer wäre noch etwas zu clearen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen seltsamer freiraum!
Suchmaschinenoptimierung von freiraum-portfolio.de
CSS UL LI NAVI
[Solved] [JS] JS-Navi
Navi und Box-Modell
navi gesucht
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.