| Autor |
Nachricht |
David_Odenthal
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 25
Geschlecht: 
|
Verfasst Mo 08.10.2007 10: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 10:25, insgesamt 1-mal bearbeitet
|
|
| |
   |
 |
wendti
Dabei seit: 07.03.2006
Ort: -
Alter: 21
Geschlecht:
|
Verfasst Mo 08.10.2007 10:26
Titel
|
|
|
|
meinst du ned eher ???
|
|
| |
 |
|
David_Odenthal
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 25
Geschlecht:
|
Verfasst Mo 08.10.2007 10: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
Dabei seit: 18.11.2004
Ort: -
Alter: 26
Geschlecht:
|
Verfasst Mo 08.10.2007 10:43
Titel
|
|
|
| Code: | ul li {
float: left;
width: 128px;
} |
|
|
| |
|
|
wendti
Dabei seit: 07.03.2006
Ort: -
Alter: 21
Geschlecht:
|
Verfasst Mo 08.10.2007 10: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
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 25
Geschlecht:
|
Verfasst Mo 08.10.2007 10: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!
|
|
| |
|
|
wendti
Dabei seit: 07.03.2006
Ort: -
Alter: 21
Geschlecht:
|
Verfasst Mo 08.10.2007 11:00
Titel
|
|
|
mach des!! 
|
|
| |
|
|
David_Odenthal
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 25
Geschlecht:
|
Verfasst Mo 08.10.2007 14: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 Scrollen
[CSS] Seite horizontal zentrieren
[CSS] 100% horizontal Scrollbar im FF?
[CSS] Textnavigation horizontal zentrieren
[CSS] Mouseover horizontal will nich
[css] Layer horizontal und vertikal mittig ausrichten
|
|
Willkommen auf dem Portal für Mediengestalter
