• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kleine Frage !

Niklas

Niklas

Neues Mitglied
Hallo,

Code: 
#wrapper {
width: 980px;
margin: 0 auto; 
font-size: 20px;
[COLOR=Red]text-align: center;[/COLOR]
}
Wie kann ich jetzt einstellen das dieses "text-align: center" für 2 Bilder nicht eintrifft ? Aber für den rest der Seite weiterhin noch ?
 
Ich würde das so machen

HTML: 
#wrapper {
width: 980px;
margin: 0 auto; 
font-size: 20px;
}
#img1{
float:left;
}
#img2{
float:right;
}
#Schrift
{
margin:auto 0px;}
HTML: 
<div id="wrapper">
<img id="img1" src.....>
<div id="Schrift"></div>
<img id="img2 src...>
</div>
 
Wenn ich das richtig verstanden hab, soll ein Bild links, ein Bild rechts und in der Mitte die Schrift sein, oder ??

Welche Seite, ist das ?
 
indem du den bildern seperate css-klassen gibts?
wenn es wirklich nur 2 bilder sind, schreibst einfach bei den bildern:
<img class="nocenter">

und im css definist du die klasse:
.nocenter{
}

und da musst du sie dann positionieren wie du willst (hoffe ich hab dein problem verstanden -.-)
 
Das große Bild (wow-Bild) positionierst du mit float:top
die anderen Bilder und das div mit der Schrift positionierst du mit
float:left
Ich habs auf meinem Computer getestet, bei mir hats funktioniert
Wenn es dann noch nicht geht, dann mußt du vermutlich die Breite (width)vom div "wrapper" vergrößern
 
Hallo,

Code: 
#wrapper {
width: 980px;
margin: 0 auto; 
font-size: 20px;
}
#img1 {
float:top;
}
#img2 {
float:left;
}
#img2 {
float:left;
}
#Schrift {
float:left;
}
Code: 
<div id="wrapper">
<img id="img1" alt="wow-bild" src="../Bilder/wow-bild3.png"/>
<img id="img2" alt="wow-bild" src="../Bilder/testsss2.png"/>
<div id="Schrift"><img role="presentation" class="twisty"><div class="schrift1" style="background-color: rgb(47, 79, 79); width: 400px; height: auto;"><p>Herzlich Wilkommen dies hier wird eine WOW Fanseite !</p><br><p>Diese Seite Befindet sich noch im Aufbau!</p></div>
<img id="img3" alt="wow-bild" src="../Bilder/testsss2.png"/>
</div>

Das letzte Bild will noch nicht an seinen Platzt aber die anderen beiden sind richtig positioniert !
 
Mach den div wrapper 20px breiter (width:1000px ) , dann müßte es passen
Außerdem hast du dich verschrieben, #img2 ist zweimal, und #img3 fehlt
 
Ich hab mal den Quellcode angeschaut, und noch einen Fehler gefunden
Da ist ein Image zuviel drin ohne source, das mußt du löschen, dann müßte es gehen

<img role="presentation" class="twisty">

HTML: 
<body>
<div id="wrapper">
<img id="img1" alt="wow-bild" src="../Bilder/wow-bild3.png"/>
<img id="img2" alt="wow-bild" src="../Bilder/testsss2.png"/>
<div id="Schrift"> <img role="presentation" class="twisty"> <div class="schrift1" style="background-color: rgb(47, 79, 79); width: 400px; height: auto;"><p>Herzlich Wilkommen dies hier wird eine WOW Fanseite !</p><br><p>Diese Seite Befindet sich noch im Aufbau!</p></div>
<img id="img3" alt="wow-bild" src="../Bilder/testsss2.png"/>
</div> 
</body>
 
Ich hab mal den Quellcode angeschaut, und noch einen Fehler gefunden
Zum Vergrößern anklicken....

Dieses dumme Bild ich vestehs nicht warum will das da nicht hin ?

Mir ist aufgefallen das das img 3 also das Problem Bild sich nur in dem Bereich von der "Pinnwand" bewegen bei float:left; genau am Linken rand und bei float:right; genau rechts am Rand kann es sein das das irgentwie dazugezählt wird ...

Code: 
<div id="Schrift"><img role="presentation" class="twisty"> <div class="schrift1" style="background-color: rgb(47, 79, 79); width: 400px; height: auto;"><p>Herzlich Wilkommen dies hier wird eine WOW Fanseite !</p><br><p>Diese Seite Befindet sich noch im Aufbau!</p></div>

Hier zu Beispiel werden 2 divs aufgemacht aber nur ein div geschlossen !
 
2 Fehler hab ich entdeckt

Das Image hat keine Quelle, ist kein Wunder, dass kein Bild angezeigt wird, und ein div hat kein end-tag
Probiers mal so

HTML: 
<body>
<div id="wrapper">
<img id="img1" alt="wow-bild" src="../Bilder/wow-bild3.png"/>
<img id="img2" alt="wow-bild" src="../Bilder/testsss2.png"/>
 <div class="schrift1" style="background-color: rgb(47, 79, 79); width: 400px; height: auto;"><p>Herzlich Wilkommen dies hier wird eine WOW Fanseite !</p><br><p>Diese Seite Befindet sich noch im Aufbau!</p></div>
<img id="img3" alt="wow-bild" src="../Bilder/testsss2.png"/>
</div> 
</body>
 
Wieder nichts :sad:,

Hab so ein dummes Gefühl das irgentwas sich da einmischt !

Code: 
[COLOR=Red]body {
background-color: gray;
background-repeat: no-repeat
color: red;
padding:0;
margin:0;
}
p {
margin:0 auto;
text-align: center;
color: red;
padding: 0px;
}
label {
color: red;
}[/COLOR]
#wrapper {
width: 1000px;
margin: 0 auto; 
font-size: 20px;
}
#img1 {
float:top;
}
#img2 {
float:left;
}
#img3 {
float:right;
}
#Schrift {
float:left;
}

Kann doch nicht sein das das selbst du übelsten Profis das nicht hinbekommen !
 
Jetzt hab ich den Fehler gefunden
ID hat gefehlt

So müßte es gehen

HTML: 
<body>
<div id="wrapper">
<img id="img1" alt="wow-bild" src="../Bilder/wow-bild3.png"/>
<img id="img2" alt="wow-bild" src="../Bilder/testsss2.png"/>
 <div id="Schrift" style="background-color: rgb(47, 79, 79); width: 400px; height: auto;"><p>Herzlich Wilkommen dies hier wird eine WOW Fanseite !</p><br><p>Diese Seite Befindet sich noch im Aufbau!</p></div>
<img id="img3" alt="wow-bild" src="../Bilder/testsss2.png"/>
</div> 
</body>
HTML: 
#img3 {
float:left;
}
 
Kappt super vielen Dank Tom

Endlich kann ich weiter arbeiten !

Achja durch das ganze Hin und Her habe ich es irgentwie geschafft die Seite zu verrücken ist jetzt nichtmehr zentriert

Obwohl doch eig alles richtig ist !

Code: 
#wrapper {
width: 980px;
[COLOR=Red]margin: 0 auto; [/COLOR]
font-size: 20px;
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben