• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Quelltext verändern - User sieht trotzdem das Gleiche

Status
Für weitere Antworten geschlossen.

PeterAssmann

Gesperrt
Hallo,
ich habe diese Seite: Free RnB Radio für die Hiphop-Community: Best of R&B ... dort findet man zuerst 2 Radios, und dann unten jede Menge Text. Jetzt habe ich gehört, man kann mithilfe von CSS die Reihenfolge so lassen, aber im Quelltext umdrehen. Sprich: Im Quelltext ist zuerst der lange Text zu sehen, dann die Radios. Wie lässt sich das mit CSS realisieren? Oder wie lässt es sich anders als mit CSS realisieren. Habe auch hier: Rap Music Radio @ Hiphop-SMS.com nochmal das gleiche Problem. Hoffe ihr könnt mir helfen, wäre sehr dankbar.
 
So im Überflug, ohne mir deinen Code anzusehen, sieht das erstmal einfach aus.
Angenommen deine Radios haben eine feste Höhe (200px) und die dazugehörigen Überschriften eine Höhe in em (kein Zeilenumbruch).
html
Code:
<div id="boxen">
<div id="box1">
<h2>Text</h2>
</div>
<div id="box2">
<h2>Radios</h2>
<div id="radios">
<!--object swf oder so-->
</div>
</div>
</div>
css
Code:
* {
margin: 0;
padding: 0;
}
#boxen {
width: 600px;
margin: auto;
position: relative;
}

#box1 {
width: 100%;
position: absolute;
top: 200px;
height: 200px;
padding-top: 2em;
}

#radios {
height: 200px;
background-color: #B0B0B0;
}

#box2 {
width: 100%;
position: absolute;
top: 0px;
}
Die absolute Positionierung von top: 200px setzt #box1 unter die Radios (in #box2).
Padding in #box1 schafft Platz für die Überschriften über den Radios.
Eine Schriftvergrößerung ist durch padding in em gegeben (so lange sie in eine Zeile passt und em als Schriftgröße verwendet wurde).

Wenn der Text über den Radios einen Zeilenumbruch bekommt wird es kompliziert.

Wozu willst du das denn machen?
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben