mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:10 Benutzername: Passwort: Auto-Login

Thema: [CSS] Leiste mit Links und BG zentriert vom 20.12.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Leiste mit Links und BG zentriert
Seite: Zurück  1, 2
Autor Nachricht
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht: Männlich
Verfasst Do 05.01.2006 21:38
Titel

Antworten mit Zitat Zum Seitenanfang

tacker hat geschrieben:
gtz hat geschrieben:
so, hier: http://Www.dekonstruktiv.org/temp/center/

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
13pixelchen
Account gelöscht


Ort: -

Verfasst Do 05.01.2006 21:51
Titel

Antworten mit Zitat Zum Seitenanfang

http://24ways.org/advent/centered-tabs-with-css

so?
 
Anzeige
Anzeige
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht: Männlich
Verfasst Do 05.01.2006 21:53
Titel

Antworten mit Zitat Zum Seitenanfang

das is quasi das all frills gedöns von meiner variante.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Queron

Dabei seit: 28.08.2005
Ort: Hannover
Alter: 42
Geschlecht: Männlich
Verfasst Mo 09.01.2006 02:19
Titel

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</div>
      
   <div class="mitte">
      
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
      
   </div>
      
        <div class="rechts">&nbsp;</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
  View user's profile Private Nachricht senden
Falk Wussow

Dabei seit: 13.12.2005
Ort: Wiesbaden
Alter: -
Geschlecht: Männlich
Verfasst Mo 09.01.2006 03:24
Titel

Antworten mit Zitat Zum Seitenanfang

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>


Hä?


Zuletzt bearbeitet von Falk Wussow am Mo 09.01.2006 03:27, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
tacker
Threadersteller

Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht: Männlich
Verfasst Mo 09.01.2006 10:01
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
MicoMalukoo

Dabei seit: 24.03.2004
Ort: 36037 Fulda
Alter: 45
Geschlecht: Männlich
Verfasst Mo 09.01.2006 10:22
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
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.