zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder in div-Containern zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.06.2003, 13:18
Anonymous
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard Bilder in div-Containern zentrieren

Hallo,

ich habe folgendes vor:

Ich habe ein Logo, welches ich in einen Div-Container einfügen will, aber da das Center-Tag ja nicht mehr benutzt werden soll, frag ich mich, wie ich den img-Tag zentrieren soll? Ich will den img-Tag aber auch nicht in einen weiteren div-container packen, weil ich für die div-container bestimmte formatierungen vorgenommen habe, die für jede seite gelten (über externe css-datein eingebunden). diese haben z.b. einen rand. und denn will ich ja nicht um das logo haben.

Und wie kann ich Text einmal links davon und einmal rechts von dem Logo platzieren? Ich will den Text nicht in ein p-Tag packen, weil der Div-Container sonst zu groß wird. Und mit dem B-Tag geht es nicht!

CSS ist so schwer! mit center war das viel einfacher.

Vielen Dank im Voraus

Gruß qwertz182
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.06.2003, 15:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

einen DIV, P oder SPAN mußt Du zukünftig sowieso um das IMG schliessen.

XHTML1.0 erlaubt keinen IMG alleine im BODY

Nun definierts Du im CSS einen Selektor zum Beispiel #logo. Das '#' steht für ID. Diese ID sprichst Du dann im DIV an.

Beispiel:

Code:
#logo {
   text-align: center;
}
und der TAG sieht dann so aus.

Code:
<div id="logo"><img....... /></div>
somit sind all Deine normalen DIVs nicht tangiert.
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.06.2003, 09:51
Anonymous
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard

Alles klar, danke, das funktioniert so weit, aber jetzt hab ich ein weiteres Problem (ich dreh noch durch mit css )

Der Text, der rechtsbündig stehen soll, ist ein javascript, welches das aktuelle Datum anzeigen soll. Rechts steht es auch, aber dafür vergrößert sich der Div-Container einfach und das Datum steht ganz unten. Ich versteh das nicht!

Sieht ungefähr so aus:

----------------------------------------------------------------------
| Logo Logo2 |
| |
| Datum |
-----------------------------------------------------------------------

Ich hoffe man kann sich das irgendwie vorstellen. Die Striche sollen den Rand des Divs darstellen, und das Datum erscheint nach unten versetzt, warum auch immer.

gruß qwertz182
Mit Zitat antworten
  #4 (permalink)  
Alt 26.06.2003, 09:54
Anonymous
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard Nachtrag

So sieht mein Quellcode aus:
Code:
<div>
<span id="left">[img]http://web.icq.com/whitepages/online?icq=115433334&img=9[/img]</span>
<span>[img]bilder/logo.gif[/img]</span>
<span id="right"><script language="javascript"> 
<!-- 
monatsbezeichnung = new Array ("Januar","Februar","März","April","Mai","Juni","Juli","August","Septemper","Oktober","November","Dezember"); 
wochentagsbezeichnung = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); 
var jetzt = new Date();
var tag = jetzt.getDate(); 
var wochentag = jetzt.getDay();
var monat = jetzt.getMonth(); 
var jahr = jetzt.getYear(); 
document.write(wochentagsbezeichnung[wochentag] + ", " + tag + ". " + monatsbezeichnung[monat] + " " + jahr); 
-->
</script></span>
</div>
Mit Zitat antworten
  #5 (permalink)  
Alt 26.06.2003, 10:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Der Text, der rechtsbündig stehen soll, ist ein javascript
Hast Du diese Ausgabe, die des JavaScript, auch in ein eigenes Element gepackt??

CSS ist eigentlich wesentlich einfacher als die alten TAGs. Ich empfehle Dir alles in Containern seperat auszuprobieren.

Ich bastel mir immer Testseiten die nur noch die Problemstellung zum Inhalt haben, dies ist sehr überschaubar und Du beeinflusst Dich nicht selbst mit Vererbung usw.

Habe ich meine Lösung getest, möglichst IE, Mozilla, Opera usw., Validiere ich meinen CODE. Nachdem nun alles seperat funktioniert baue ich diese Lösung in mein Projekt. Somit habe ich zumindest einen RELATIVEN Erfolg.
__________________
</ulle>
Mit Zitat antworten
  #6 (permalink)  
Alt 26.06.2003, 10:08
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
<span id="left">
SPAN ist kein BLOCK-Element, es sei denn Du hast es in der #left als solches definiert.

Code:
display: block  bzw.  display: inline
SPAN ist von Natur ein Inline-Element, d.h. es erzeugt keine neue Zeile.
DIV, H1, P, TABLE usw. sind Block-Elemente.

Es besteht die Möglichkeit über "display" Elemente auch in dieser Eigenschaft zu verändern.

Ich empfehle Dir ein DIV statt einen SPAN........

Übrigens:

Code:
<span id="right"><script language="javascript">...
Ich gehe davon aus das Du TEXT-ALIGN: RIGHT verwendest hast. Nun wird jede neu Zeile rechtsbündig!! Evtl. ist das ja Dein Problem.
__________________
</ulle>
Mit Zitat antworten
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
Div im Div zentrieren Tanja95 CSS 7 07.04.2013 13:12
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Vertikal zentrieren in einem kleineren DIV Tacitus CSS 1 04.09.2010 01:29
span in einem div horizontal zentrieren Lexodus CSS 16 02.04.2009 18:11
Bilder in Div absolut Positionieren Maximus1234 CSS 7 08.06.2008 23:13


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