mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 13:53 Benutzername: Passwort: Auto-Login

Thema: Horizontale Liste - Abstand zwischen li's verkleinern vom 18.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Horizontale Liste - Abstand zwischen li's verkleinern
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst Sa 18.08.2007 19:57
Titel

Antworten mit Zitat Zum Seitenanfang

So hab das ganze jetzt bissl umgesetzt schaut in allen browsern bis jetzt gleich aus Lächel

xhtml:
Code:
    <div id="page">
       <div id="mainSide">
                <ul id="userMenu">
                    <li id="register"><a href="#">Registrieren</a></li>
                    <li id="members"><a href="#">Mitglieder</a></li>
                    <li id="help"><a href="#">Hilfe</a></li>
                    <li id="imprint"><a href="#">Impressum</a></li>
                </ul>
                <!-- clear-float -->
               <span class="clearfix" id="ie_clearing"></span>
                <h1 id="fuLogo"><a href="#">wbbfactory - some kind of innovation</a></h1>
           
           MAIIIIN<br /><br /><br /><br /><br /><br /><br /><br />
        </div>
        <div id="SideBar">
           SideBar
        </div>
    </div>


CSS:
Code:
body { background: #d2e3b1 url(./images/body.gif) repeat-x top; }
#page { margin: 0 0 0 23px; position: relative; width: 90%; text-align: left; }

#mainSide {
   background: url(images/leftSideBg.jpg) repeat-x top;
   padding: 0;
   border: none;
   margin: 0;
   width: 761px;
   float: left;
}
#sideBar {
   padding: 3em 0 0 2em;
   border: none;
   margin: 0;
   width: 208px;
   float: left;
}

/* userMenu | mainSide */
#userMenu { margin: 0; padding: 9px 0 0 356px; }
#userMenu ul li { list-style-type: none; }
#userMenu li {text-indent: -2000px; width: 120px; list-style: none; text-align: center; display: inline; }
#userMenu li a { display: inline; width: 84px; text-decoration: none; float: left; }
#userMenu li#register a { background: url(./images/navRegister.png) 0 0 no-repeat; }
#userMenu li#members a { background: url(./images/navMembers.png) 0 0 no-repeat; }
#userMenu li#help a { background: url(./images/navHelp.png) 0 0 no-repeat; }
#userMenu li#imprint a { background: url(./images/navImprint.png) 0 0 no-repeat; }

#fuLogo { text-indent: -2000px; padding: 9px 0 0 45px; }
#fuLogo a { display: block; width: 269px; height: 61px; text-decoration: none; background: url(./images/wbbfactory-logo.png) 0 0 no-repeat; }


Denkst du das ist bis jetzt ok so?
Wie soll ich die seachbox am besten machen? Könnte unter <h1> nen div mit float reintun->wäre das optimal?

Edit:
Wie kann ich mit ie6 transparente Bilder darstellen?!^^


Zuletzt bearbeitet von artis am Sa 18.08.2007 19:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Sa 18.08.2007 20:14
Titel

Antworten mit Zitat Zum Seitenanfang

Sieht doch ganz gut aus, sauber Lächel

Zum Thema Transparenz im IE:
http://koivi.com/ie-png-transparency
http://support.microsoft.com/default.aspx?scid=kb;en-us;294714
  View user's profile Private Nachricht senden
Anzeige
Anzeige
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst Sa 18.08.2007 20:22
Titel

Antworten mit Zitat Zum Seitenanfang

nicoG hat geschrieben:
Sieht doch ganz gut aus, sauber Lächel

Zum Thema Transparenz im IE:
http://koivi.com/ie-png-transparency
http://support.microsoft.com/default.aspx?scid=kb;en-us;294714


Danke hab jetzt unter h1 nen nen div für die searchbox gemacht aber irendwie lasst sich das nicht von padding-top beeinflusen!?

Kannst es hier betrachten Klick Mich!
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Sa 18.08.2007 21:12
Titel

Antworten mit Zitat Zum Seitenanfang

artis hat geschrieben:

Danke hab jetzt unter h1 nen nen div für die searchbox gemacht aber irendwie lasst sich das nicht von padding-top beeinflusen!?

Müsste normal klappen, padding = Innenabstand, haste testweise aach Inhalt eingefügt?
  View user's profile Private Nachricht senden
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst So 19.08.2007 00:22
Titel

Antworten mit Zitat Zum Seitenanfang

So habs mit margin gelöst Lächel

Also das ganze passt bis jetzt da halbwegs nur ie6 sucht etwas herum Lächel irgendwie stimmen da die padding angaben nicht. Wie kann ich das beheben?

Edit:
ok hab das so hinbekommen Lächel
Code:
#sideBar ul {background: url(./images/sideBarBg.png) no-repeat top; padding: 0 0 2.4em 0; margin: 0px;}
* html #sideBar ul { padding: 0 0 3.5em 0; }


Zuletzt bearbeitet von artis am So 19.08.2007 00:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst So 19.08.2007 10:56
Titel

Antworten mit Zitat Zum Seitenanfang

artis hat geschrieben:

* html #sideBar ul { padding: 0 0 3.5em 0; }[/code]

Bei dem Star-Hack musst du aber noch beachten, dass der IE7 den auch kennt, der aber im Bereich der Bugs gegenüber dem IE6 viel besser ist, aber wenns dort auch klappt, dann passt es *zwinker*
  View user's profile Private Nachricht senden
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst So 19.08.2007 11:09
Titel

Antworten mit Zitat Zum Seitenanfang

Jep das klappt wunderbar Lächel Hab da jetzt ein echt tolles Problem mim ie6 *Schnief*
Wenn du On bist kann ich dir nen Link schicken (lokal), kannst du dir da mal den Quelltext angucken und mir sagen was ich falsch hab :/
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst So 19.08.2007 11:13
Titel

Antworten mit Zitat Zum Seitenanfang

bin da, kannst ja per PN machen
  View user's profile Private Nachricht senden
 
Ähnliche Themen Abstand zwischen 2 <UL> Elemente verkleinern
Horizontale ul-Navi
Horizontale Scrolleiste im IE
CSS: Horizontale Linie unendlich
Horizontale Navigation mit CSS und DIV layern
JQuery: Horizontale Scrollbar
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  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.