Beiträge von styleshiet

Wie wäre es denn, wenn du, bevor du deine index.html erneut aufrufst, diese in PHP änderst. Bildnamen tauschen, fertig.

Lösche im stylesheet bei der id 'centercontent_none' das float:left da du wohl kein mehrspaltiges Layout brauchst.

Schau mal hier http://pepsized.com/how-to-recreat…rolling-effect/

Zitat

?PHPSESSID=9d3b7609144391eb1657 0b4333aa3804

Eine s.g. Session-ID hat nur eine zeitlich begrenzte Gültigkeit! Du solltest dich bei deinem Provider erkundigen, wie 'formmanager.php' korrekt angesprochen wird.

Zitat

weil ich dann den überblick behalte

Man kann auch mit Kommentaren gliedern und so den Überblick behalten.

Zitat

wie macht man dass den mit dem in die mitte?

Ein Element mit definierter Breite kann man mit 'margin: 0 auto' zentrieren. Ich glaube jedoch, das dir damit wenig geholfen ist, weil dir noch einiges an Verständnis fehlt und es hier zu weit führen würde, alle deine Probleme zu lösen!

Muss dem Martin recht geben. Dreieck erscheint bei mir! (evtl. Seite neu laden ???)

@Martin: Wenn du die Grundlagen kennst solltest du wissen, das eine ID nur einmal in einem Document verwendet werden darf! (hier: ID=top)
Das Dreieck in die Seitenmitte zu rücken wird so nicht funktionieren. Dazu musst du es aus der Liste herausnehmen. Und warum verwendest du 3 Dateien für deine Stilvorlagen? Verursacht unnötigen Traffic!

Zitat

Keine CSS3 Freaks hier?

Doch schon...
Aber so recht verstehe ich dein Problem nicht, Deine Beschreibung und deine Bilder sind wenig aussagekräftig.

Da sind einige div's nicht geschlossen!

Hallo Lucas
ich hab mich vor einiger Zeit auch mit diesem Thema beschäftigt und folgende Lösung gefunden. Code und Klassennamen sind noch aus Testzeiten :?. Es sollte aber dein Problem lösen.

.tblbox{ 
width:300px; 
margin:50px; 
border:1px solid black; 
} 
 
.scrlbox{ 
width:100%; 
height:65px; 
overflow:auto; 
} 
table.tst { 
width:100%; 
border:1px solid #777; 
padding:5px; 
margin:0; 
border-spacing:0; 
text-align:center; 
} 
tr:nth-child(odd) {background-color:#fff; } 
tr:nth-child(even) {background-color:#ddd; }

<div class="tblbox"> 
<table class="tst" rules="all"> 
   <thead>     
   <tr> <th>No</th> <th>Bus-Linie</th> <th>Abfahrtzeiten</th> </tr> 
   </thead>     
</table> 
<div class="scrlbox"> 
<table class="tst" rules="none"> 
   <tr> <td>1</td> <td>751</td>    <td>13:30</td> </tr> 
   <tr> <td>2</td> <td>752</td>    <td>13:40</td> </tr> 
   <tr> <td>3</td> <td>753</td>    <td>13:50</td> </tr> 
   <tr> <td>4</td> <td>754</td>    <td>14:00</td> </tr> 
   <tr> <td>5</td> <td>755</td>    <td>14:10</td> </tr> 
   <tr> <td>6</td> <td>756</td>    <td>14:20</td> </tr> 
   <tr> <td>7</td> <td>757</td>    <td>14:30</td> </tr> 
   <tr> <td>8</td> <td>758</td>    <td>14:40</td> </tr> 
   <tr> <td>9</td> <td>759</td>    <td>14:50</td> </tr> 
</table> 
</div> 
</div>

Hoffentlich hilft es dir weiter. Viel Spass

Schon mal was von CSS gehört ??? Löst man solche Dinge mit Javascript sind diese Seiten nicht mehr barrierefrei !!!
Auf meiner HP s.u. findest du einige Lösungen für dein Problem.

Versuch mal folgendes:

div.links{position:relative;}
div.links img{display:block;width:100%;position:absolute;left:0;bottom:0;}

Ich hab's zwar nicht getestet, sollte aber klappen...

Wenn ich es richtig verstanden habe lässt sich dein Problem wie folgt lösen:

.tr{display:table-row;}
.tc{display:table-cell;padding:10px;width:33%;}  /* padding und width optional */

<div class="tr">
  <div style="background:red;" class="tc">
    <span>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    </span>
  </div>
  <div style="background:green;" class="tc">
    <span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</span>
  </div>  
  <div style="background:blue;" class="tc">
    <span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
  </div>
</div>

So nehmen alle drei Container die gleiche Höhe ein.

Blick mal http://de.selfhtml.org/css/layouts/navigationsleisten.htm. Auch über `float' steht da was. Und vieles mehr für Anfänger...

Durch wildes rumprobieren kommst du nicht weiter. So Sachen wie `float:center' gehen schon mal gar nicht. Zentrieren kann man nur innerhalb einer bekannten Breite. Beginne mit einem einfachen Grundgerüst, sieh zu das dort alles zentriert ist und erweitere es dann auf die entsprechenden Unterebenen.

Zitat

Das mit dem Word hab nicht ich gesagt, die Kopie ist aus Wordpress..

Und bringt so ein Beitrag etwas zur Sache ???

Ich vermeide es hier mich selbst zu zitieren...

Zitat

Das ist kein normales HTML, sondern ein Word-Dokument als HTML

Das macht die Sache auch nicht besser.
Wenn du schon mit Tabellen arbeiten willst folge meinem Link, lerne wie Tabellen ticken, schreib den Kram von Hand und du wirst nur noch einen Bruchteil des Codes brauchen.

Zitat

Ich habe aber überhaupt keine Ahnung von html usw.

Wie willst du denn dann eine Seite gestalten?

Zitat

habe ich mir eine Vorlage von früher genommen

Tabellen als Mittel zur Seitengestaltung sind schon seit Jahren OUT !!!
Es gibt im Netz sicher aktuellere Vorlagen die du verwenden kannst.
Hier http://de.selfhtml.org/ steht wie's so geht mit HTML + CSS.

Toll :-). Wenn du meinem Link gefolgt bist, hast du auch gelesen das der Doctype anscheinend nicht das Problem ist.

Poste doch mal, was du da geschrieben hast.

p.s. Habe gerade bei MS gesucht und das http://msdn.microsoft.com/de-de/library/…v=vs.85%29.aspx gefunden. Wusste ich auch bis jetzt nicht. Da steht auch das er 'box-shadow' ohne prefix kann. Also muss der Fehler woanders liegen.

Du hast doch einen Doctype. Dieser ist aber erst mit HTML5 gültig. Der IE9 funktioniert damit wohl nicht. Verwende den Doctype -Strict- und alles sollte auch im IE klappen. Und zeige damit deinem Lehrer das er auch nicht immer alles weiss.