HTML/CSS Zeilen Problem

Übersicht Sonstiges Smalltalk

Neue Antwort erstellen

 

Garfield12

Betreff: HTML/CSS Zeilen Problem

BeitragDi, Okt 07, 2008 8:59
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDi, Okt 07, 2008 9:20
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDi, Okt 07, 2008 9:37
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDi, Okt 07, 2008 12:22
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDi, Okt 07, 2008 16:42
Antworten mit Zitat
Benutzer-Profile anzeigen
Wie ne Tabelle?
Das versteh ich nicht so recht.
Gibt es nicht ne einfachere Lösung?
Garfield14

BtbN

BeitragDi, Okt 07, 2008 17:25
Antworten mit Zitat
Benutzer-Profile anzeigen
2 Divs, die du nebeneinander positionierst tuns auch.

hectic

Sieger des IS Talentwettbewerb 2006

BeitragDi, Okt 07, 2008 19:08
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDi, Okt 07, 2008 23:49
Antworten mit Zitat
Benutzer-Profile anzeigen
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>

Neue Antwort erstellen


Übersicht Sonstiges Smalltalk

Gehe zu:

Powered by phpBB © 2001 - 2006, phpBB Group