Zu viele Slices, Grafiken!

sokie · 14.12.2008

AW: Zu viele Slices, Grafiken!

Die Doctype entscheidet unter anderem darüber, welchen modus der Browser benutzt, um Webseiten darzustellen. für den IE6 ist die Auswahl der richtigen Doctype entscheidend, wichtig für die korrekte Darstellung ist sie aber eigentlich für jeden Browser.
mehr dazu :

hier mal eine kleine Umsetzung der Seite mit kleinen Abweichungen:
das Logo im Header ist nicht Teil des Hintergrunds un kann verlinkt und positioniert werden.
die Buttons (jeder) sind mit einer einzigen kleinen Hintergrundgrafik ertellt.
die Boxen im Contentbereich passen sich in der Höhe dem Inhalt an.
die Schriften sind im CSS als Schriftfamilie definiert (font-family)
Die Seite wird zentriert dargestellt.
zum Nachvollziehen alle Teile der

Avire · 15.12.2008

AW: Zu viele Slices, Grafiken!

Hallo, habe ein Problem mit Bildern. Rechts in den Boxen, sollten jeweils 2 Testbilder zu sehen sein. Jedoch sieht man nur, die Beschreibung des Bildes.

Wie lege ich die linkfarbe NUR für BESTIMMTE Elemente fest?

Avire

sokie · 16.12.2008

AW: Zu viele Slices, Grafiken!

zunächst mal das html für die linke seite:

Code:

    <div id="left">
      <div class="leftbox-wrap">
        <div class="leftbox-top"></div>
          <div class="leftbox-main">
           <div class="cwrap">[COLOR=Red][B]<ul>[/B][/COLOR]
    <b>Player</b><br>
    <a href="">Profile</a><br>
    <a href="">Login</a><br>
    <a href="register.htm">Register</a><br>
    <a href="">My Matches</a><br>
    <b>League</b><br>
    <a href="">Last Matches</a><br>
    <a href="">Solo</a><br>
    <a href="">Team</a><br>
    <a href="">Ranking</a><br>
    <a href="">Rules</a><br>
    <a href="">Walk of Fame</a><br>
            </div>
          </div>
        <div class="leftbox-bottom"></div>
      </div>
    </div>

das einsame <ul> ist so nicht zu gebrauchen <ul> macht nur sinn in zusammenhang mit listenelementen <li>

wenn du das zusammen verwendest vereinfachst du dir die Sache enorm - du kannst auf die ganzen <br> verzichten (die darüberhinaus in xhmtl "<br />" lauten müssten).

Code:

           <div class="cwrap">
             <h3>Player</h3>
             <ul id="player">
                 <li><a href="">Profile</a></li>
                 <li><a href="">login</a></li>
                 <li><a href="register.htm">Register</a></li>
                 <li><a href="">My Matches</a></li>
                 <li><a href="">login</a></li>
             </ul>
             <h3>Last Matches</h3>
             <ul id="lastMatches">
                 <li><a href="">Last Matches</a></li>
                 <li><a href="">Solo</a></li>
                 <li><a href="">Team</a></li>
                 <li><a href="">Ranking</a></li>
                 <li><a href="">Rules</a></li>
                 <li><a href="">Walk of Fame</a></li>
             </ul>
            </div>

liesse sich dann zBr. so formatieren:

Code:

#player a, #lastMatches a{
  color: white;
  text-decoration: none;
  font-size: 12px;
  /* weitere */
}

#player a <- bedeutet alle <a> tags die im Element mit der id="player" liegen.

<h3> steht für eine Überschrift dritter Ordnung. <h> element erzeugen automatish einen Umbruch (deswegen braucht man auch hier kein <br />

was die Bildr in den rechten Boxen angeht bekomme ich nur die Mitteilung, dass die adresse: nicht existiert. da musst du nochmal genau nach dem Pfad sehen (auch gross/kleinschreibung)

Avire · 17.12.2008

AW: Zu viele Slices, Grafiken!

sokie schrieb:
zunächst mal das html für die linke seite:

Code:

<div id="left"> <div class="leftbox-wrap"> <div class="leftbox-top"></div> <div class="leftbox-main"> <div class="cwrap">[COLOR=Red][B]<ul>[/B][/COLOR] <b>Player</b><br> <a href="">Profile</a><br> <a href="">Login</a><br> <a href="register.htm">Register</a><br> <a href="">My Matches</a><br> <b>League</b><br> <a href="">Last Matches</a><br> <a href="">Solo</a><br> <a href="">Team</a><br> <a href="">Ranking</a><br> <a href="">Rules</a><br> <a href="">Walk of Fame</a><br> </div> </div> <div class="leftbox-bottom"></div> </div> </div>

das einsame <ul> ist so nicht zu gebrauchen <ul> macht nur sinn in zusammenhang mit listenelementen <li>

wenn du das zusammen verwendest vereinfachst du dir die Sache enorm - du kannst auf die ganzen <br> verzichten (die darüberhinaus in xhmtl "<br />" lauten müssten).

Code:

<div class="cwrap"> <h3>Player</h3> <ul id="player"> <li><a href="">Profile</a></li> <li><a href="">login</a></li> <li><a href="register.htm">Register</a></li> <li><a href="">My Matches</a></li> <li><a href="">login</a></li> </ul> <h3>Last Matches</h3> <ul id="lastMatches"> <li><a href="">Last Matches</a></li> <li><a href="">Solo</a></li> <li><a href="">Team</a></li> <li><a href="">Ranking</a></li> <li><a href="">Rules</a></li> <li><a href="">Walk of Fame</a></li> </ul> </div>

liesse sich dann zBr. so formatieren:

Code:

#player a, #lastMatches a{ color: white; text-decoration: none; font-size: 12px; /* weitere */ }

#player a <- bedeutet alle <a> tags die im Element mit der id="player" liegen.

<h3> steht für eine Überschrift dritter Ordnung. <h> element erzeugen automatish einen Umbruch (deswegen braucht man auch hier kein <br />

was die Bildr in den rechten Boxen angeht bekomme ich nur die Mitteilung, dass die adresse: nicht existiert. da musst du nochmal genau nach dem Pfad sehen (auch gross/kleinschreibung)

Danke, das ul war da eig fehl am Platz.

sokie · 17.12.2008

AW: Zu viele Slices, Grafiken!

in verbindung mit den li war das uo eigentlich richtig die ganzen <br>s waren fehl am platz.
bei deinen adressierungen musst du auf gross und kleinschreibung achten. logo.jpg ist nicht Logo.jpg

cvdR · 17.12.2008

AW: Zu viele Slices, Grafiken!

geht auch mit 6 slices

- wie auch immer. winke winke!

tombeat · 17.12.2008

AW: Zu viele Slices, Grafiken!

Nicht ganz... du hast die Boxen auf der rechten seite vergessen, die sind spiegelverjehrt zu der linken ^^ dann sinds nämlich 9

Oder gibts ne Möglichkeit diese via CSS zu spiegeln :O

cvdR · 17.12.2008

AW: Zu viele Slices, Grafiken!

tombeat schrieb:
Nicht ganz... du hast die Boxen auf der rechten seite vergessen, die sind spiegelverjehrt zu der linken ^^ dann sinds nämlich 9

Oder gibts ne Möglichkeit diese via CSS zu spiegeln :O

huhu, soweit ich die info hab funktioniert das nur im IE