TuT nachbau hilfe....

[der_michael]

Hallo

ich habe das tut von pixelmetrie versucht nachzubauen.
und komme da nicht weiter an einer stelle.

und zwar:

handelt es sich um folgendes tut:


für alle die, die auch jenes welches versucht haben;
ich hänge bei min 45-46

dort beginnt er die felder des teaser mit text zufüllen.



ich habe den gleichen html sode und den gleichen css code,
natürlich mit meinen pixel daten angepast

dennoch habe ich ein anderes ergebnis....

hier mal die aus züge aus meinen dateien.


html:

      <div id="headerContainer">
           <div id="header">
                <ul id="navi-top">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="kontakt.html">Kontakt</a></li>
                    <li class="noBorder"><a href="impressum.html">Impressum</a></li>
                </ul>
                <ul id="teaser">
                    <li>TEST</li>            
                <li id="mitte">TEST</li>
                <li class="noMargin">TEST</li>
              </ul>
      </div>   <!-- end of headerContainer -->
      </div>   <!-- end of header -->

hier der aus der css:

div#headerContainer div#header ul#teaser {
                position:absolute;
                top:410px;
                left:67px;
                list-style:none;

}

div#headerContainer div#header ul#teaser {
                float:left;
                margin:0 40px 0 0;
                width:250px;
                
}


div#headerContainer div#header ul#teaser li#mitte{
              width:226px;

}

so sollte es laut tut aussehn:





und so sieht es leider aus...







bin etwas genervt da ich das nicht in den griff bekomme...

würde mich freuen wenn mir weiter helfen könnte!

danke und schöne grüße michael

 

[der_michael]

AW: TuT nachbau hilfe....

das dolle ist die sind eigentlich was schmaller..

 

[der_michael]

AW: TuT nachbau hilfe....

hier mal die orginal daten:

 

[fakerer]

AW: TuT nachbau hilfe....

interessanter ansatz etwas so anzugehen

denke mal die fehtl bei <ul id="teaser"><li> ein float left kann das sein?

*habe mir das tut nicht angesehen

 

[der_michael]

AW: TuT nachbau hilfe....

wo genau meinst du???

 

[fakerer]

AW: TuT nachbau hilfe....

#header ul li {
float:left;
}

so was in der art

 

[der_michael]

AW: TuT nachbau hilfe....

hab den fehler gefunden!

hab ein li vergessen in der css datei!!


EdiT:

aber noch ne frage.

wenn ich nun diese befehle nutze und von der grafik abweichende grafikmasse habe
und diese angleiche habe ich wieder das phänomen das sie die text zeilen untereinander einreihen.
wie muss ich diese abändern damit nicht passiert?