zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Zwei Bilder in einer Zeile ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.12.2009, 00:51
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard Zwei Bilder in einer Zeile ausrichten

Hi,

ich möchte 2 Bilder in einer Zeile platzieren. Eines möchte ich mittig, das andere rechts ausrichten. Wie könnte das gehen?

Gruß,
Thomas
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.12.2009, 01:05
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

in einer Tabellen Zeile? in einem Div? in einem Textfeld? In.. In... In..
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.12.2009, 01:07
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

In einer Zeile war blöd ausgedrückt. Ich meinte auf gleicher Höhe. Mit 2 DIVs sollte das gehen, aber wie?
Mit Zitat antworten
  #4 (permalink)  
Alt 08.12.2009, 01:08
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Floaten ist da immer eine ganz fabelhafte Idee. Funktioniert sicherlich :P
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #5 (permalink)  
Alt 08.12.2009, 01:17
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

So weit komme ich alleine.

Code:
<div style="float:left; width:80%; text-align:center;">mitte</div><div style="float:right; width:20%; text-align:right;">rechts</div>
Nur wie bekomme ich mitte genau in die Mitte? *kopfkratz*
Mit Zitat antworten
  #6 (permalink)  
Alt 08.12.2009, 01:22
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Was will da denn noch in die Mitte? 80% + 20% = 100% = maximale Größe. Wenn du was in die Mitte haben willst musst du das so machen:
HTML-Code:
<div style="width:900px; margin:0 auto;">
  <div style="float:left; width:80%; text-align:center;">mitte</div><div style="float:right; width:20%; text-align:right;">rechts</div>
</div>
Edit. Hab nochmal drüber gelesen und noch nen Wort endeckt
Ich denke, dass ich garnicht so einfach, außer, du hast einen festen Rahmen, der sich nicht verändert. Darin floatest du dann beide div's in die selbe Richtung, in deinem Fall wohl rechts und richtest dann das linke, deine Mitte, mittig zum Layout aus.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #7 (permalink)  
Alt 08.12.2009, 01:26
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

Ne, der Text "mitte" soll genau in die Mitte des Bildschirms (horizontal) und der Text "rechts" ganz nach rechts.

Das ganze soll sich im Footer über den ganzen Bildschirm erstrecken, festen Rahmen habe ich leider keinen.

Mit ner Tabelle ist das einfacher oder? Einfach eine Tabelle mit 3 Spalten hernehmen, die Spalten gleich groß machen und die linke halt freilassen?

Geändert von thomas78 (08.12.2009 um 01:39 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 08.12.2009, 01:33
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Das kannst du auch mit div's haben. Einfach 3 div's nehmen, rechts und links bekommen die gleiche Breite und der Mittlere ist dann in der Mitte. Natürlich musst du dann Angaben in % machen. Dem Text in der Mitte noch text-align:center; zuweisen und es sollte passen.

Denk dran, dass in dem leeren div ein Leerzeichen sein muss
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #9 (permalink)  
Alt 08.12.2009, 01:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

Hmm, so?
Code:
<div style="float:left; width:50%;">&nbsp;</div>
<div style="float:left; width:0px;">Mitte</div>
<div style="float:right; width:50%; text-align:right;">Rechts</div>

Geändert von thomas78 (08.12.2009 um 01:59 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 08.12.2009, 02:01
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von thomas78 Beitrag anzeigen
Hmm, so?
Code:
<div style="float:left; width:50%;">&nbsp;</div>
<div style="float:left; width:0px;">Mitte</div>
<div style="float:right; width:50%; text-align:right;">Rechts</div>
Wenn du in Mitte nichts mehr reinschreiben willst schon
Sonst würde ich es mal mit 25% - 50% - 25% versuchen
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Buttons und Links in derselben Zeile auf gleicher Höhe ausrichten thorsten42 CSS 0 31.08.2009 11:38
Sitecheck für Urlaubsunterkunft in Kroatien Miso Site- und Layoutcheck 11 19.10.2008 21:53
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) NEOX Offtopic 10 17.07.2008 18:11
Images in der Zeile ausrichten? akb CSS 2 26.08.2006 19:12
Mehrere Bilder mit css ausrichten, aber wie? mika CSS 2 07.09.2004 14:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:27 Uhr.