Autor |
Nachricht |
David_Odenthal
Threadersteller
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht:
|
Verfasst Mo 08.10.2007 09:23
Titel css display bei horizontal |
|
|
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
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
Verfasst Mo 08.10.2007 09:26
Titel
|
|
|
meinst du ned eher ???
|
|
|
|
|
Anzeige
|
|
|
David_Odenthal
Threadersteller
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht:
|
Verfasst Mo 08.10.2007 09:31
Titel
|
|
|
wendti hat geschrieben: | meinst du ned eher ??? |
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 :-/?
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.10.2007 09:43
Titel
|
|
|
Code: | ul li {
float: left;
width: 128px;
} |
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
Verfasst Mo 08.10.2007 09:46
Titel
|
|
|
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>
|
|
|
|
|
David_Odenthal
Threadersteller
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht:
|
Verfasst Mo 08.10.2007 09:59
Titel
|
|
|
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
Ahja, kommt vor. Aber genau dat war et. Wenn ich noch fragen haben sollte, frach ich!
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
Verfasst Mo 08.10.2007 10:00
Titel
|
|
|
mach des!!
|
|
|
|
|
David_Odenthal
Threadersteller
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 40
Geschlecht:
|
Verfasst Mo 08.10.2007 13:25
Titel
|
|
|
wendti hat geschrieben: | mach des!! |
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?
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Horizontal füllendes Div gesucht | display:block
Div horizontal nebeneinander ?
[CSS] 100% horizontal Scrollbar im FF?
Navigation Horizontal mit CSS
[CSS] Horizontal Scrollen
[JavaScript] Horizontal Scroller
|
|