HTML/CSS Zeilen Problem
Übersicht

Garfield12Betreff: HTML/CSS Zeilen Problem |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Hallo Zusammen,
ich bin gerade dabei den Footer meiner Homepage zu volenden, und bin dabei auf folgendes Problem gestoßen: Die Beiden Bilder die ich habe werden nicht in der gleichen Zeile angezeigt wie der Text hier der Quellcode: Code: [AUSKLAPPEN] <td><img src="german.JPG" alt="de" width="20" height="12"><img src="english.JPG" alt="en" width="20" height="12"> <div align="right"><a href="kontakt.html">Kontakt</a> | <a href="impressum.html">Impressum</a> | <a href="haft.html">Haftungsausschluss</a> | copyright 2008</div></td> Hier die verwendete CSS main Datei: Code: [AUSKLAPPEN] * { padding: 0; margin: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #wrapper { margin: 0 auto; width: 922px; } #faux { background: url(faux-1-3-col.gif); margin-bottom: 5px; overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */ width: 100% } #header { color: #333; width: 902px; padding: 10px; height: 100px; margin: 10px 0px 5px 0px; background: #fff500; } #navigation { color: #333; padding: 10px; margin: 0px 0px 5px 0px; background: #fff500; } #leftcolumn { display: inline; color: #333; margin: 10px; padding: 0px; width: 195px; float: left; } #content { float: left; color: #00000; margin: 10px 13px; padding: 0px; width: 460px; display: inline; position: relative; } #rightcolumn { display: inline; position: relative; color: #333; margin: 10px 10px 10px 0px; padding: 0px; width: 195px; float: right; } #footer { width: 902px; clear: both; color: #333; background: #fff500; margin: 0px 0px 10px 0px; padding: 10px; } .clear { clear: both; background: none; } Es wir so angezeigt: Bild1Bild2 Text (der Text steht rechts) Der Text soll aber auf der gleichen Höhe mit den Bildern sein. Was mache ich falsch? Könnt ihr mir helfen? MfG Garfield14 |
||
![]() |
Curtis |
![]() Antworten mit Zitat ![]() |
---|---|---|
Bei mir ist alles hiermit in einer Zeile:
Code: [AUSKLAPPEN] <td>
<div align="right"><img src="german.JPG" alt="de" width="20" height="12"><img src="english.JPG" alt="en" width="20" height="12"> <a href="kontakt.html">Kontakt</a> | <a href="impressum.html">Impressum</a> | <a href="haft.html">Haftungsausschluss</a> | copyright 2008</div></td> |
||
Warum alleine proggen? Komm in unser Team!
Curtis @ sysprofile.de |
Garfield12 |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Ja bei jetzt mir auch aber der Text soll halt gegenüber den Bildern stehen. Also
Bild1Bild2................................................................................Text (Die Punkte sollen halt nicht da stehen.) Garfield14 |
||
![]() |
Silver_Knee |
![]() Antworten mit Zitat ![]() |
---|---|---|
mach doch ne Tabelle..... ich weiß man sträubt sich heut zu tage immer dagegen, aber das ist doch ein Job der auf ne Tabelle passt oder? | ||
Garfield12 |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Wie ne Tabelle?
Das versteh ich nicht so recht. Gibt es nicht ne einfachere Lösung? Garfield14 |
||
![]() |
BtbN |
![]() Antworten mit Zitat ![]() |
---|---|---|
2 Divs, die du nebeneinander positionierst tuns auch. | ||
![]() |
hecticSieger des IS Talentwettbewerb 2006 |
![]() Antworten mit Zitat ![]() |
---|---|---|
Soweit ich weiß, erzeugt je nach Browser jedes div ein eigenen Block. Es müßte im grunde funktionieren, indem man den beiden div ein display: inline; gibt.
Außerdem sollte man sich auf eines der folgenden drei entscheiden: <div id="right"> oder <div class="right"> oder wenn man kein CSS-Stylesheet hat <a style="float: right;" href="..... Edit1: Ups, anstelle align ist float richtig in diesem Fall. Korrektur durchgeführt. |
||
- Zuletzt bearbeitet von hectic am Mi, Okt 08, 2008 0:08, insgesamt einmal bearbeitet
![]() |
Silver_Knee |
![]() Antworten mit Zitat ![]() |
---|---|---|
ich hätte anzubieten:
<table><tr><td>Eine seite</td><td align="right">Andere Seite</td></tr></table> oder <div style="float:right">eine Seite</div><div>andere Seite</div> oder <div>eine Seite</div><div style="float:left">andere Seite</div> |
||
Übersicht


Powered by phpBB © 2001 - 2006, phpBB Group