Autor |
Nachricht |
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht:
|
Verfasst Do 05.01.2006 21:38
Titel
|
|
|
tacker hat geschrieben: |
Klappt aber nicht mit Hintergrund. Habe mal deine Variante in meinen Code rein. |
dir dürfte aufgefallen sein, dass das alles hintergrundbilder sind.
edit: damit deie mustererkennung besser funktioniert, hab ich einfach ma deine bildchen genommen jetz. die fitzelausrichtung un drepeats kannste aber gerne selber machen.
Zuletzt bearbeitet von gtz am Do 05.01.2006 21:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
13pixelchen
Account gelöscht
Ort: -
|
|
|
|
|
Anzeige
|
|
|
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht:
|
Verfasst Do 05.01.2006 21:53
Titel
|
|
|
das is quasi das all frills gedöns von meiner variante.
|
|
|
|
|
Queron
Dabei seit: 28.08.2005
Ort: Hannover
Alter: 42
Geschlecht:
|
Verfasst Mo 09.01.2006 02:19
Titel
|
|
|
Versuch es mal mit diesem Code:
Code: | <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Navigation zentiert</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body { font-family: Helvetica, sans-serif;
margin: 0; padding: 0;
}
#aussen { width: 500px;
border: 1px solid #BAFF3B;
background-color: #E9FFBA;
margin: 10px;
}
#menu { width: 100%;
height: 22px;
text-align: center;
}
.links { background-image: url(button_left.gif);
height: 22px;
width: 20px;
display: inline;
}
.mitte { background-image: url(button_bg.gif);
height: 22px;
display: inline;
}
.rechts { background-image: url(button_right.gif);
height: 22px;
width: 20px;
display: inline;
}
#menu a { color: #ffffff;
font-weight: bold;
text-decoration: none;
padding: 0 10px 0 10px;
font-family: sans-serif;
font-size: 0.8em;
}
//-->
</style>
</head>
<body>
<div id="aussen">
<div id="menu">
<div class="links"> </div>
<div class="mitte">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
<div class="rechts"> </div>
</div>
</div>
</body>
</html>
|
Funktioniert aber nur im IE richtig (und im Quirks-Modus, den der IE übrigens automatisch benutzt, wenn man vor dem Doctype die XML-Deklaration angibt).
Zuletzt bearbeitet von Queron am Mo 09.01.2006 02:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
Falk Wussow
Dabei seit: 13.12.2005
Ort: Wiesbaden
Alter: -
Geschlecht:
|
Verfasst Mo 09.01.2006 03:24
Titel
|
|
|
wie wär's mit
Code: |
<div align="center" style="width:100%;">
<div style="background-gedöns;">linker abschluß ... menü-code ... rechter abschluss</div>
</div>
|
Zuletzt bearbeitet von Falk Wussow am Mo 09.01.2006 03:27, insgesamt 1-mal bearbeitet
|
|
|
|
|
tacker
Threadersteller
Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht:
|
Verfasst Mo 09.01.2006 10:01
Titel
|
|
|
Queron hat geschrieben: | Funktioniert aber nur im IE richtig. |
Langt nicht.
CAINAM hat geschrieben: | wie wär's mit
Code: | <div align="center" style="width:100%;"><div style="background-gedöns;">linker abschluß ... menü-code ... rechter abschluss</div></div> |
|
Siehe Variante 2. Klappt auch nicht, da der "<div style="background-gedöns;" 100% Breite hat.
|
|
|
|
|
MicoMalukoo
Dabei seit: 24.03.2004
Ort: 36037 Fulda
Alter: 45
Geschlecht:
|
Verfasst Mo 09.01.2006 10:22
Titel
|
|
|
align sollte nicht mehr benutzt werden, deshalb gibts CSS.
mach beim äusseren div die margin: 10px auto, dann bleibts in der mitte.
die inneren pics/bilder dann evtl. in divs und float:left, dabei aber das äussere div auf display:inline..
vergessen: im body muss text-align:center stehen..
Zuletzt bearbeitet von MicoMalukoo am Mo 09.01.2006 10:24, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Lücke zwischen den Links in der Navi-Leiste verkleinern
IE Adresse Leiste
Icon / URL-Leiste
Problem mit Navi Leiste
Social Bookmark-Leiste
[JavaScript] Thumbnail Leiste mit Annäherungsnavigation
|
|