Beiträge von Kazu

Kazu

aukay hab mir auch gerade sagen lassen das das soweit damit nicht geht aber trotzdem mal wieder ein dickes danke schön von mir

Kazu

jo sarkkan danke dir
hab alles soweit hinbekommen nun ist die sache folgende. Ich habe bei meiner Auflösung keine Scrollleiste. Der Inhalt ist mittig, alles gut soweit.
Ihr müsst euch den Inhalt als Viereck vorstellen und drum herum ist halt der Hintergrund. Mittendrin habe ich nun eine Scrollleiste eingefügt, weil ich viel
text habe aber nicht möchte das der einfach nach unten weiter geht sondern halt in diesem viereck bleibt. Wenn ich halt auf den hintergrund mit der maus gehe und scrolle passiert nichts. Ich möchte aber das wenn ich auf dem hintergrund scrolle ich die scrollleiste bewege die den text im "zaun" hält.
Hoffe ihr wisst was ich meine
Ach ja und brauchen tu ich das einfach für ein Design das ich gerne umsetzen möchte.

mfg

Kazu

Kazu

Hi Leute!

Ich habe ein Problem. Ich habe ein Layout programmiert und dieses ist klein genug an sich das man keine Scrollleiste braucht.
Jetzt hatte mich aber interessiert wie ich es hinbekommen kann, dass ich trotzdem eine Scrollleist erwinge UND zusätzlich sich der gesamte Inhalt
mitbewegt, wenn ich runterscrolle.
Hoffe ihr könnt mir weiterhelfen!

mfg

Kazu

Kazu

1. will ich gerne selber lernen und das tu ich nicht wenn ich mir irgend nen code von ner seite klaue. bringt mir null.
2. funktioniert das nicht so wie du das gemacht hast.

trotzdem danke

Kazu

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
<title>Testseite</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />




<style type="text/css">
<!--
* {
  margin:0;
  padding:0;
}




html {
    background-color: #000000;
    background:url(universum.jpg) no-repeat;
    width: 100%;
    padding: 0 1920;
    margin:auto;
}
body {
    margin: 0 auto;
    background-color: #FFFFFF;

}




-->
</style>
</head>
<body>
 lol test und so                                       
</body>
</html>

Alles anzeigen

Wenn ich das mache habe ich diesen weißen Balken in der Mitte aber das ganze soll sich zusätzlich noch in die mitte verschieben ähnlich wie bei wowszene.de wenn man die bildschirmauflösung ändert und alles von der mtite ausgeht.
zudem habe ich mal im body die worte "lol test und so" eingegeben und von oben geht dann je mehr ich schreibe ein weißer balken runter.
ich habe mal hochgeladen wie die fertige seite denn im grunde aussehen soll von der struktur.

<a class="postlink" href="http://img838.imageshack.us/i/aussehen.jpg/">http://img838.imageshack.us/i/aussehen.jpg/</a>

mfg

kazu^^

Kazu

das hab ich schon raus aber danke habe nun einanderes problem...mal wieder
hab ne neue seite die ich machen will.
<a class="postlink" href="http://img704.imageshack.us/i/universumk.jpg/">http://img704.imageshack.us/i/universumk.jpg/</a> so sieht der Hintergrund aus. Der wird noch bissl verändert aber das ist erstmal uninteressant.
Ins weiße Feld kommt nun der Inhalt. wenn der inhalt größer als das Bild ist, endet das bild und geht in schwarzen Hintergrund über.
Allerdings möchte ich das dann der Hintergrund auf folgende weise weitergeht <a class="postlink" href="http://img163.imageshack.us/i/repeat.jpg/">http://img163.imageshack.us/i/repeat.jpg/</a>
Meine frage ist nun wie das im Code aussehen sollte.
Mein Code sieht so aus.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
<title>Testseite</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />




<style type="text/css">
<!--
* {
  margin:0;
  padding:0;
}




html, body {
  background:url(universum.jpg) no-repeat;
  height:1000px;
  background-position:center;
  font: 80% Verdana, Arial, Verdana, Helvetica, sans-serif;
  background-color: #000000;
  color: #ff0000; 

}







-->
</style>




</head>




<body>




</body>
</html>

Alles anzeigen

Ich hoffe ihr Pros könnt mir wie immer weiterhelfen oder Tipps geben

Kazu

omg ein neues problem

Code

html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}







#hintergrund {
 
  background:url(face.jpg) no-repeat left top;
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}




#inhalt {
  margin-left:20%;
}







</style>




</head>




<body>




  <div id="hintergrund"> </div>




<img id="inhalt" src="icon.jpg" />




</body>

Alles anzeigen

so sieht mein code aus. Ich habe halt vor eine Startseite zumachen mit einem Hintergrundbild in Schwarz/Weiß und einem roten Knopf als bild um auf die eigentliche
Seite zu gelangen. Das mit dem Hintergrundbild passt. Es passt sich jeder Hintergrundauflösung an und dergleichen. Top.
Nun möchte ich aber das Icon verschieben, was eine Grafik ist und als Link dient auf die eigentliche Seite.
Wie kriege ich das hin das ich erstens diese Icongrafik auf einen bestimmten Punkt setze und zweitens wie schaffe ich es das sich dieses icon ebenfalls wie der Hintergrund
der Auflösung anpasst?

mfg

Kazu

Kazu

ich hab da noch ne weitere frage.
Auf <a class="postlink" href="http://www.wowszene.de">http://www.wowszene.de</a> sieht man wenn man die bildschirmauflösung verändert das das ganze sich in die mitte verschiebt. Die Hintergrundgrafik wird also nicht wie bei
mir nach links oder so geschoben sondern gleichmäig in die mitte. Wie verändere ich das denn?

mfg

Kazu

Kazu

bin ich doof basiii hab gerade nochmal geguckt gemacht wie du und es hat gefnuzt. war so dumm das zu vergessen >_> aber trotzdem danke
in dem forum hier kriegt man ja mal schnell antworten

Kazu

Hiho Leute!

Weil ich ja fleissig lernen will habe ich nun eine weitere Frage.
<a class="postlink" href="http://www.html-seminar.de/fertiges-beispiel-css-pur.htm">https://www.html-seminar.de/fertiges-bei ... ss-pur.htm</a>
Was muss ich tun um den Inhalt komplett schwarz zu haben vom Hintergrund.

Code

#inhalt {
  background-color:#000000;




}

funktioniert irgendwie nicht. Da wird nur die Hälfte schwarz.
Hoffe ihr könnt mir helfen

Kazu

ich möchte das ja auch nicht mit einem Grafikprogramm machen sondern mit HTML bzw. CSS halt programmieren.

Kazu

Hiho Leute!

Ich habe gerade erst gelernt HTML und CSS zu benutzen. Ich wollte mich nun langsam rantasten und viel kennen lernen.
Ich möchte nun eine Seite erstellen wie hier angegeben: <a class="postlink" href="http://www.html-seminar.de/fertiges-beispiel-css-pur.htm">https://www.html-seminar.de/fertiges-bei ... ss-pur.htm</a>
Ich ändere natürlich Sachen um und dergleichen aber ich taste mich wie gesagt erstmal langsam ran.
Ich möchte nun diese Grafik die dort oben zu sehen ist umändern. Wenn ich aber nun meine eigene Kreation dort
einfüge, hängt es von der Bildschirmauflösung ab wieviel ich vom rechten Teil der Grafik sehe.
Wie mache ich, dass sich die Grafik genau den Bildschirmauflösungen anpasst.
Den Quellcode habe ich erstmal so übernommen von der Seite: <a class="postlink" href="http://www.html-seminar.de/fertiges-beispiel-css-pur.htm">https://www.html-seminar.de/fertiges-bei ... ss-pur.htm</a>
Keine Angst, ich stelle dies nicht online. Ich möchte einen Quellcode nicht klauen, sondern selbt erstellen.
Nur würde ich so gerne anfangen. Hoffe ihr könnt mir helfen.

mfg

Kazu

Beiträge von Kazu

Inhalt mitscrollen

Inhalt mitscrollen

Inhalt mitscrollen

Grafik und Bildschirmauflösung

Grafik und Bildschirmauflösung

Grafik und Bildschirmauflösung

Grafik und Bildschirmauflösung

Grafik und Bildschirmauflösung

Hintergrundfarbe

Hintergrundfarbe

Grafik und Bildschirmauflösung

Grafik und Bildschirmauflösung