mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:25 Benutzername: Passwort: Auto-Login

Thema: css display bei horizontal vom 08.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css display bei horizontal
Seite: 1, 2  Weiter
Autor Nachricht
David_Odenthal
Threadersteller

Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:23
Titel

css display bei horizontal

Antworten mit Zitat Zum Seitenanfang

Hi Leute,

ich programmiere gerade ne Seite mit dem css befehl: display und einem Hover.

So nun habe ich ein festes Design, dass in der Breite vorgegeben ist. Bsp: 5 Links a 128 Pxl.
Die Nav ist Horizontal angeordnet.

Wenn ich nun folgendes angebe:

Code:
#navigation a:hover            

display: inline;
height:26px;
line-height:28px;
width:90px;
padding-left:38px;
background-color:#d9d9d9   ;
color: black;
font-size: 11px;
font-family:Arial;
font-weight: regular;
}


Bei dem css Code spuckt das CSS mir den hover zwar horizontal aus, aber richtet die Links nach dem padding aus. Was isn die beste display-Angabe um eine horizontale Navi mit fester Breite anzugeben?

Dankee,
David


Zuletzt bearbeitet von David_Odenthal am Mo 08.10.2007 09:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:26
Titel

Antworten mit Zitat Zum Seitenanfang

meinst du ned eher
Code:
position: absolute
???
  View user's profile Private Nachricht senden
Anzeige
Anzeige
David_Odenthal
Threadersteller

Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:31
Titel

Antworten mit Zitat Zum Seitenanfang

wendti hat geschrieben:
meinst du ned eher
Code:
position: absolute
???


Wenn ich ne position:absolute; wählen würde, dann setzt der mir doch die links übereinander. Das kann ja nit sein. Es sei denn, ich würde mit mehreren classes arbeiten. Oder seh ich da was falsch :-/?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:43
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
ul li {
  float: left;
  width: 128px;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:46
Titel

Antworten mit Zitat Zum Seitenanfang

häää?!!? ich check deinen code grad gar ned:

1. wenn du mehrere elemente mit einem style hast dann verwende class statt id, eine id ist immer einmal wie überall auf der welt

2. padding-angabe bei nem a-tag??

3. wofür brauchst du unbedingt eine display-angabe??

wäre es nicht so was du suchst??[/code]:

[code]

// HEAD

<style type="text/css">
.navigation {
height:26px;
line-height:28px;
width:90px;
padding-left:38px;
background-color:#d9d9d9;
color: black;
font-size: 11px;
font-family:Arial;
font-weight: regular;
float:left;
}
</style>

// BODY
<div class="navigation"><a href="Seite1.html" class="navigation">Link 1</a></div>
<div class="navigation"><a href="Seite1.html" class="navigation">Link 2</a></div>
<div class="navigation"><a href="Seite1.html" class="navigation">Link 3</a></div>
<div class="navigation"><a href="Seite1.html" class="navigation">Link 4</a></div>
  View user's profile Private Nachricht senden
David_Odenthal
Threadersteller

Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:59
Titel

Antworten mit Zitat Zum Seitenanfang

wendti hat geschrieben:
häää?!!? ich check deinen code grad gar ned:

1. wenn du mehrere elemente mit einem style hast dann verwende class statt id, eine id ist immer einmal wie überall auf der welt

2. padding-angabe bei nem a-tag??

3. wofür brauchst du unbedingt eine display-angabe??

wäre es nicht so was du suchst??[/code]:

[code]

// HEAD

<style type="text/css">
.navigation {
height:26px;
line-height:28px;
width:90px;
padding-left:38px;
background-color:#d9d9d9;
color: black;
font-size: 11px;
font-family:Arial;
font-weight: regular;
float:left;
}
</style>

// BODY
<div class="navigation"><a href="Seite1.html" class="navigation">Link 1</a></div>
<div class="navigation"><a href="Seite1.html" class="navigation">Link 2</a></div>
<div class="navigation"><a href="Seite1.html" class="navigation">Link 3</a></div>
<div class="navigation"><a href="Seite1.html" class="navigation">Link 4</a></div>


Argh! Ja genau! Ich hab es vercheckt mit classes zu arbeiten *hu hu huu*

Ahja, kommt vor. Aber genau dat war et. Wenn ich noch fragen haben sollte, frach ich!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Mo 08.10.2007 10:00
Titel

Antworten mit Zitat Zum Seitenanfang

mach des!! *Thumbs up!*
  View user's profile Private Nachricht senden
David_Odenthal
Threadersteller

Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht: Männlich
Verfasst Mo 08.10.2007 13:25
Titel

Antworten mit Zitat Zum Seitenanfang

wendti hat geschrieben:
mach des!! *Thumbs up!*



So darauf komme ich zurück:

Mein Problem ist wie folgt:

Ich habe einen Wrapper gesetzt: Grund ist die mittige ausrichtung horzontal.

Jetzt habe ich im body quasi ein Background gesetzt, der sich oben auf repeat-x befindet.

im unteren bereich der Seite soll sich nun auch ein repeat-x befinden. Problem ist hier: Der soll variabel zur skalierung des Browsers auf der Unterlänge der website bleiben. Wie mach ich denn sowat?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] Horizontal füllendes Div gesucht | display:block
[CSS] Horizontal Scrollen
Div horizontal nebeneinander ?
[CSS] 100% horizontal Scrollbar im FF?
Navigation Horizontal mit CSS
[CSS] Mouseover horizontal will nich
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.