Forum / Bits und Bytes / Cascading Style Sheets Problem

Community

Szene & News

Parties

Fotos

Locations

Impressum

Forum / Bits und Bytes

Cascading Style Sheets Problem

ViVi_White

- 34
Halbprofi (offline)

Dabei seit 10.2006
198 Beiträge

Geschrieben am: 08.01.2011 um 17:27 Uhr

Welchen CSS Befehl muss ich nehmen um festzulegen,dass die Bilder z.B immer zentriert sind?

[zustimmen]

Glück ist nur von kurzer Dauer, so als würde man nur glücklich werden um danach zu trauern

DayReaper

- 42
Profi (offline)

Dabei seit 10.2008
646 Beiträge

Geschrieben am: 08.01.2011 um 17:33 Uhr

Soweit ich weiss geht das auf bequeme Art und weise gar nicht.

du könntest ne Klasse machen und dann das BIld per <div class=""> einbinden...
wär aber umständlich und unsinnig

[zustimmen]

When you see me. RUN!

ViVi_White

- 34
Halbprofi (offline)

Dabei seit 10.2006
198 Beiträge

Geschrieben am: 08.01.2011 um 17:39 Uhr

und wenn ich die bilder in ne tabelle einfüge,wie kann ich dass dann machen das die tabelle zentriert ist?

[zustimmen]

Glück ist nur von kurzer Dauer, so als würde man nur glücklich werden um danach zu trauern

Matze-R

- 30
Fortgeschrittener (offline)

Dabei seit 01.2010
69 Beiträge

Geschrieben am: 08.01.2011 um 17:48 Uhr
Zuletzt editiert am: 08.01.2011 um 17:50 Uhr

im HTML Code:

Zitat:

und im CSS Sheet:

Zitat:

#Tabelle1
{
align: center;
}

denk ich mal.. (?)

[zustimmen]

wer recнтѕcнreιвғeнler ғιɴdeт, dαrғ ѕιe вeнαlтeɴ...

Ceasar

- 33
Anfänger (offline)

Dabei seit 12.2005
24 Beiträge

Geschrieben am: 08.01.2011 um 17:50 Uhr

Da gibt es einige Möglichkeiten, um dabei aber in allen Browsern das gleich Ergebnis zu bekommen musst du mit margin arbeiten. Wenn du wie beim Text mit text-align:center arbeitest wird das nur im IE richtig angezeigt.
Bin nicht so der Experte in dem Gebiet aber ich glaube der Code sollte so heißen:

<div style="width:95%;border:1px solid #000000;" class="divabstand">
<table style="margin-left:auto;margin-right:auto;border:1px solid #FF0000"><tr><td>table: <br />margin-left:auto;margin-right:auto;<br />border:1px solid #FF0000</td></tr></table>
</div>

Bei dem Beispiel sollte eine zentrierte Tabelle mit gleichem Inhalt wie dem Code angezeigt werden :)

[zustimmen]

h3mpti

- 38
Profi (offline)

Dabei seit 05.2007
878 Beiträge

Geschrieben am: 08.01.2011 um 17:59 Uhr
Zuletzt editiert am: 08.01.2011 um 18:03 Uhr

Bilder zentriert man nicht mit Tabellen. Tabellen sollten nur für den Zweck eingesetzt werden, für den sie auch gedacht waren: Daten anzeigen.
Eine Methode:
<div id="center">
<img src="bild.jpg" alt="bild" />
</div>

CSS:
div#center { width: XXpx; margin: 0 auto; }

*edit*
Was natürlich auch geht: text-align: center beim übergeordneten Element.

[zustimmen]

Der666Diablo

Champion (offline)

Dabei seit 04.2006
23736 Beiträge

Geschrieben am: 08.01.2011 um 18:10 Uhr
Zuletzt editiert am: 08.01.2011 um 18:10 Uhr

body{text-align:center}
img{margin:auto}

edit: ohne weitere konventionen in welchem zusammenhang

[zustimmen]

Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9

[Antwort schreiben]

Forum / Bits und Bytes