Wie verhindere ich horizontales scrollen bei zu großen Bild - Homepage

noob xD · 9. Oktober 2009

Hy =),

also ich bin dabei mir eine eigene homepage zu gestalten, das klappt alles ganz gut.. jedoch
habe ich ein hintergrundbild, dass 1900 x 1327 pixel groß ist..
ich könnte es abschneiden, aber dann würden user mit großen bildschirmen es abgehackt sehen..

wenn ich jetzt eine html erstelle fängt das bild immer ganz links an und ist vertikal scrollbar..

das möchte ich verhindern..

ein bekannter gab mir den tip einen neuen container zu erstellen.. er beschrieb das so..

body {
text-align:center;
}
#container {
width:760px;
margin:0px auto;
text-align:left;
}

nun hab ich selber ein bisschen im netz geguckt und fand den befehl

"overflow: hidden"

dieser schneidet wohl die seite ab, so wie ich es möchte, wenn ich das richtig verstanden habe

der code für meine seite ist noch recht simpel, da ich es überhaupt erstmal verstehen möchte, wie ich das so hinbekomm, wie ich es möchte und folgendermaßen..

<html>
<head>
<title>HOMEnew</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<img src="Bilder/test.jpg" width="1900" height="1327" alt="">

</body>
</html>

könnt mir bitte wer erklären, wie ich das richtig zusammensetze?

ach und denn hab ich noch ein anliegen ^^

ich habe diesen blog gefunden

http://khak-myspace.blogspot.com/2007/07/khak.html

der titel, also der wenn man z.b. die seit ein einem tab geöffnet hat ist animiert, wie man sieht.

hat jemand vllt eine idee, wie ich das auch auf meine seite bekomme?

vielen dank für eure hilfe im vorraus

Rossibaer · 9. Oktober 2009

Wenn du dir den HTML Code von der Webseite anschaust, kannst du sehen, das die Animation des Titels durch JavaScript erledigt wird undder Quellcode für die Animation ebenfalls mit drin ist. Du könntest, das als Vorlage nehmen und an deine Bedürfnisse anpassen bzw. ändern. Wäre aber zu klären inwieweit du dich dann nicht strafbar machst. Ebenso kannst du mal im Netz etwas Suchen/Googeln und so die Sache mit dem Skalieren von Bildern in HTML herausfinden.

noob xD · 9. Oktober 2009

Danke für die Antwort..

Also das JAVA Skript habe ich schon runtergeladen aus dem Quelltext, aber das reagiert nicht, wenn ich es mit DreamWeaver einbastel.. Keine Ahnung wieso.

Das kann eig. nur der sein (denk ich mal)

<script language='JavaScript'>
var text = "Welcome To KhAk's Designing & Styling";
var time = 100;
var i = 1;
var type = 1;
function KhAkWel()
{
if (type==0) i--;
if (type==1) i++;
if (i==-1) { type=1; i=0;}
if (i==text.length + 10) { type=0; i=text.length; }
window.document.title=text.substr(0, i) + "_";
setTimeout("KhAkWel()",time);
}
</script>

Rossibaer · 9. Oktober 2009

Wichtig wäre dann noch der entsprechende Aufruf der Funktion im "onload" von deinem HTML Body ...

Code:

<body onload='KhAkWel()'>
Dein Text...
</body>

sowie die Funktion "onload" und deren Aufrufe an entsprechender Stelle, also schau dir den Code in Ruhe an und versuche das mal nach zu vollziehen.

Viel Erfolg

Suche

Wie verhindere ich horizontales scrollen bei zu großen Bild - Homepage

noob xD

Cadet 2nd Year

Rossibaer

Lieutenant

noob xD

Cadet 2nd Year

Rossibaer

Lieutenant

Ähnliche Themen