|
|||
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 |
Sponsored Links |
|
|||
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; } Code:
<div id="logo"><img....... /></div>
__________________
</ulle> |
Sponsored Links |
|
|||
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 |
|
|||
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> |
|
|||
Zitat:
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> |
|
|||
Zitat:
Code:
display: block bzw. display: inline 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">...
__________________
</ulle> |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |