Suche im Forum:
Suchen


Autor Nachricht
Beitrag15.12.2014 um 15:19 (UTC)    
Titel: [erledigt] Introbild "abgeschnitten"

Hallo,
ich bin am verzweifeln.
Habe im Intro ein Bild eingefügt und immer, wenn
ich es mit dem Top-Wert: top:50px; etwas weiter nach unten haben will,
wird es oben einfach nur "abgeschnitten".
Ich möchte aber gerne das, das Bild vollständig angezeigt bleibt.
Was muss ich tun?


Zuletzt bearbeitet von die-erlkoenigin am 18.12.2014, 03:17, insgesamt 2-mal bearbeitet
Beitrag16.12.2014 um 08:29 (UTC)    
Titel:

Moinsen, schau mal, du hast in diesem Code bei background ein top drin, tausch das mal gegen 50px aus und nimm unten das top: 0; raus. Dann rutscht das Bild auch nach unten. Allerdings musst du dann deinen "Eingang" (#Introbutton) auch noch 50px nach unten rutschen, damit das wieder in einer Linie liegt ....


#Introbild {
background: url("http://img.webme.com/pic/d/die-erlkoenigin/intrografik.png") no-repeat fixed center top rgba(0, 0, 0, 0);
border: medium none;
height: 646px;
left: 50%;
margin-left: -600px;
position: absolute;
top: 0;
width: 1200px;
}
______________
mfg SEO
Beitrag16.12.2014 um 09:08 (UTC)    
Titel:

ganz herzlichen Dank,

nur jetzt wird das Bild viel kleiner angezeigt, als ich es hochgeladen habe
was stimmt da jetzt nicht? jetzt fehlt rechts und unten ein ganzes Stück


Zuletzt bearbeitet von die-erlkoenigin am 16.12.2014, 10:27, insgesamt 2-mal bearbeitet
Beitrag16.12.2014 um 10:01 (UTC)    
Titel:

Das hier hast du jetzt verwendet:

#Introbild {
background: url("http://img.webme.com/pic/d/die-erlkoenigin/introportal-01.jpg") no-repeat fixed center center rgba(0, 0, 0, 0);
border: medium none;
height: 626px;
left: 50%;
margin-left: -600px;
position: absolute;
top: 50px;
width: 1000px;
}

Und das hier solltest du verwenden:
#Introbild {
background: url("http://img.webme.com/pic/d/die-erlkoenigin/intrografik.png") no-repeat fixed center 50px rgba(0, 0, 0, 0);
border: medium none;
height: 646px;
left: 50%;
margin-left: -600px;
position: absolute;
width: 1200px;
}

Vergleich mal beides, dann findest du den Fehler recht schnell Wink
______________
mfg SEO
Beitrag16.12.2014 um 12:17 (UTC)    
Titel:

seo-suchmaschinenoptimierung hat Folgendes geschrieben:
Vergleich mal beides, dann findest du den Fehler recht schnell Wink

Rolling Eyes hm.......steh echt aufm Schlauch-keine Ahnung
es ist jedenfalls nicht das Bild was ich im Intro haben möchte

es sollte das hier sein: http://img.webme.com/pic/d/die-erlkoenigin/introportal-01.jpg
aber wenn ich die Bildadresse einfüge und Breite/Höhe anpasse ists rechts und unten abgeschnitten Crying or Very sad


Zuletzt bearbeitet von die-erlkoenigin am 16.12.2014, 13:18, insgesamt einmal bearbeitet
Beitrag16.12.2014 um 12:39 (UTC)    
Titel:

Naja, heute morgen war da aber noch ein anderes Bild drin Wink
Nimm den Code hier, der geht:

#Introbild {
background: url("http://img.webme.com/pic/d/die-erlkoenigin/introportal-01.jpg") no-repeat fixed center 50px rgba(0, 0, 0, 0);
border: medium none;
height: 626px;
left: 50%;
margin-left: -500px;
position: absolute;
width: 1000px;
}
______________
mfg SEO
Beitrag16.12.2014 um 13:45 (UTC)    
Titel:

vielen dank - alles ok


Zuletzt bearbeitet von die-erlkoenigin am 18.12.2014, 03:18, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de