CSS/Bilder

Joined
Jun 2, 2007
Messages
1,742
Reaction score
0
Weiss einer wie ich Bilder in CSS zentriert oder rechtsbündig bekomme ?
Hab schon etliche Seiten durchsucht,nur dort wird nur der text im bild zentriert aber das Bild bleibt dauerhaft linksbündig...

Hat da jemand ne Idee:?
 
Meinst du Cascading Stylesheets? Kann man je nach umgebenden Elementen mit margin/padding oder mittels text-align: center; erreichen.

Dazu müsste man aber den Code sehen.
 
text-align: center im umgebenden Tag dürfte auch Grafiken (aka jeglichen Inhalt) zentrieren.
 
text-align:center verschiebt nicht das Bild sondern den Text der im Bild verstekct ist oder so etwas in der art....

Mit text-align:center geht es einfach nicht...
 
prinzipiell lassen sich per text-align center schon auch bilder zentrieren - du solltest aber wirklich (wie schon gesagt wurde) ein wenig mehr ins detail gehen, was du machen willst, wenn du erreichen willst das dir jemand die Hilfestellung gibt auf die du hoffst...
die einfachste Möglichkeit wäre einfach mal nen Schnipsel Code oder so zu posten ;)
 
<html>
<head>

div.bg {background-image:url(bild.jpg);
width:500px;height:500px;
border:1px solid red;
text-align:center;}

</head>

<body>

<div class="bg"> bild </div>


</body>
</html>



So ..
 
Als Hintergrund-Bild gehts tatsächlich nicht. Du musst das Bild dann schon per <img> einbinden, dann ist es auch ein Element, wie ich oben sagte.

Oder du schreibst in deiner Definition der Klasse .bg noch folgendes
background-position: center;
 
Code:
 <html>
<head>

    <STYLE TYPE="text/css">
      @import url(http://imported.com/basics.css);
      H1 { color: blue }

div.bg {background-image:url(bild.jpg);
width:500px;height:500px;
border:1px solid red;
margin: 0 auto;}
    </STYLE>

</head>

<body>

<div class="bg"> bild </div>


</body>
</html>
probiers mal damit..

mom edith
ka ob es das ist was du suchst, ansonsten kannste auch probieren die elemente %ig zur width/heigth zu verschieben..
 
Last edited:
Jo klappt dankeschön... :)

Hab da noch ein kleines Problem wo ihr mir vllt. helfen könnt.

Und zwar

Habe ich 2 Frames (Eine Linke und eine Rechte Seite)

Im Linken Frame ist ein Exteren Link angegeben,wenn ich dann daraufklicke ändern sich der linke Frame,was er aber nicht tun soll..^^

Wie kann ich es den so gestalten,dass wenn ich auf den Link im linken Frame klicke,ich dann die Seite auf dem rechten Frame wiedergeben bekomme :) :?:?
 
mal abgesehen davon das man frames eigentlich nicht mehr benutzt solltest du dazu deinem frame per name-attribut einen namen geben und diesen dann im target-attribut deines links angeben

also beim Erstellen der Frames sowas:
Code:
<frame name="content" ...>

und beim link
Code:
<a href="http://www.google.de" target="content">...</a>
 
okay ich versuchs..

wieso keine Frames mehr...also ich kenne das nur so^^

vllt. auch noch mit dem Boxmodel...:)
 
Weil Frames hochgradig deprecated sind :D Man blitzt heute bei Fotografien ja auch nicht mehr mit Magnesium-Pulver :top
 
Yeah ich habe es zwar geschafft,das der Link ein neues Fenster öffnet,aber nicht in den 2 Frame....

Weshalb weiss ich auch nicht...

Hier ist mal der Code ...

"Frameset Datei"


<html>
<head><title>Frames</title></head>
<frameset cols="250,*">
<frame src="Menue.html" name="Menue1">
<frame.src="Supernatural1.html" name="Supi">


<noframes>
<body>
<h1>Bitte haben Sie etwas Geduld...</h1>
</body>
</noframes>
</frameset>
</html>





"Menue Datei"




<html>
<head>


<style type="text/css">


body { background-color:#E0EEE0;}

.h1 {font-size:20px;}
.rot {color:#ff0000;}
.ul {text-decoration:underline}
.fett {font-weight:bold}
.zentriert {text-align:center;}
.kursiv {font-style:italic;}
.blau {color:#0000ff}
.pink {color:#ff00ff}
.grün {color:#fff000}
.rechtsbündig {text-align:right}
.h2 {font-size:500px;}


</style>

<title>Supernatural Menue</title>


</head>

<body>


<p class="zentriert"><a href="Supernatural1.html" target="Supi">Supernatural Staffel 1 </a></p>

</body>
</html>


SO hier mal die 2 Dateien xD

Ich schaffe es nicht das der Link im 2 Frame geöffnet wird.:(,stattdessen wird ein komplett neues Fenster geöffnet..

obwohl dieser Code ja eig. stimmen sollte..

Naja vllt hat da jemand ne Übersicht

Mfg
Nuke :top
 
<frame.src="Supernatural1.html" name="Supi">

erst mal den Punkt da wegmachen :)
 
Es geht,ich werd verrückt xD

Alles nur wegen diesem einen Punkt :(:D


Danke sehr,jetzt bin ich glaub ich Sorgenfrei hehe
 
Ah nee klappt doch nicht ganz,nur teilweise,da sich der erste Link in den 2.Frame öffnet,nur wenn ich jetzt auf den 2.Link klicke öffnet sich wieder ein neues Fenster...

Das klappt nur mit dem ersten Link da dieser im Frameset vorkommt..

Wie soll ich die anderen jetzt so verlinken das sie ins 2.Frame gelangen....:?


EDIT:sry for DP
 
es wäre sicher einfacher, wenn du immer gleich den code mitpostest. wie du ja gesehn hast, könnte einfach nur ein vergessenes zeichen (oder eins zuviel) das problem sein.
 
Back
Top