Da hat sich ja im Vergleich zur Vorgängerversion richtig was getan. Sieht schon viel ,viel besser aus. Was mir gleich ins auge sticht ist jedoch im Banner der Background... der passt irgendwie nicht und ist erst noch schlecht zusammengesetzt (gekachelt). Und dieser Pfeil mit dem man nach oben geleangt hat einen weissen Hintergrund und ist viel zu gross. Dinge die nicht schön ausgeschnitten sind (die Denkblasen im Bild) vermitteln einem einen unprofessionellen Eindruck.
Ansonsten: Valides HTML 4.01 und die Farben passen gut zusammen

.

cocomilka

Ja diese Regenbogenfarben passen nicht!
Die Graphik mit den Sprechblasen habe ich nicht richtig hin bekommen...denn ich habe noch nicht richtig Ahnung wie ich mit den Bearbeitungsprogrammen arbeiten kann.
(Das gilt auch für den Pfeil)
Der soll eh noch ne andere Farbe bekommen.

Dann will ich auf der Seite mit den Bildern (die bilder.html)
den Rand oben von der Galerie weiter runter setzen, daß es nicht so dranklebt!

#textbereich {
position:relative;
font-size: 100%;
text-align:justify;
background-color: #f5deb3;/*hellste Farbe*/
margin-top: 10px;
margin-right: 60px;
margin-left: 60px;
padding-left:20px;
padding-right:20px;
}

#galerie {
background-color: #deb887;/*mokka*/
margin-left: 50px;
margin-right: 50px;
margin-top: 30px;
}
#galerie img {
margin-left: 70px;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 20px;

Kannst mir vielleicht nen Tip geben???

Kirby

Der Quellcode gefällt mir!
Du könntest aber noch die ID der Menüpunkte entfernen. Die werden im Stylesheet sowieso nicht erwähnt.
Die Farben sind auch nicht meine Welt und eine Farbüberlastung kann sehr unangenehm wirken.
Du könntest dir mal hier ein paar Seiten zur Farbauswahl raussuchen und dir danach selbst ein paar Banner mit Photoshop oder GIMP entwerfen, welches etwas dezenter ist.

pascal007

Zu dem Abstand von der Gallerie. Also eigentlich sollte das erhöhen des Werts "margin-top" unter #gallerie den gwünschten Effekt bringen.

Und was das Umgehen mit Grafikprogrammen angeht... da heisst es: ausprobieren, ausprobieren, ausprobieren. Evtl. auch mal paar Tutorials nachbasteln, bei denen am Schluss ein Ergebnis rauskommt, das einem gefällt.

KeLLeR_KiND

ohne in den Code geschaut zu haben, gefällt mir deine Site, außer dem Header. Da musst du dir noch etwas einfallen lassen

cocomilka

So,
jetzt bin ich wieder da (endlich Feierabend)

Kann mir bitte Jemand mit dem Pfeil helfen?

ich will den Hintergrund von der Graphik durchsichtig!

Könnte mir das Jemand machen???

Der Header passt nicht....hat Jemand eine gute Idee??

medion

Bitte ist aber ein *.gif

cocomilka

Vielen Dank!!!!

Ich hab die gleich drauf gemacht....hat bisschen gedauert....

cocomilka

Zitat:

Zitat von pascal007

Zu dem Abstand von der Gallerie. Also eigentlich sollte das erhöhen des Werts "margin-top" unter #gallerie den gwünschten Effekt bringen.

Das hilft nichts!
Wo liegt der Fehler???

pascal007

Dann probier mal bei #gallerie den Wert padding-top zu setzen und den mal auf 100px zu setzen. Dann solltest du einen unterschied sehen. Ansonsten weiss ich auch nicht weiter.

cocomilka

Da tut sich nichts!
Schau mal hier der Code:

body {
background-color: #deb887;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#532900;/*dunkles Braun*/
}

body a {
color: black;
background-color:#deb887;/*mokka*/
padding: 4px 8px;
}

body a:hover {
color:#000000;
background-color:#f5deb3;/*hellste Farbe*/
}

/*----------------------------------------------------------------
2.Styles für die Layoutbereiche:
------------------------------------------------------------------*/

#wrapper {
margin: 20px;
padding: 20px;
background-color:#faebd7;/*helles lachs*/
}

#kopfbereich {
position:relative;
font-size: 90%;
background-color: #CDD7E1;
background-image: url(gifs/hinter2.jpg);
margin-right: 60px;
margin-left: 60px;

}

#navibereich {
position:relative;
font-size: 100%;
margin-right: 60px;
margin-left: 60px;
padding-right: 10px;
padding-left: 10px;
}
#navibereich li {
display: inline;
list-style-type: none;
text-align:right;/*rechtsbündig*/
background-color: #f5deb3;/*hellste Farbe*/
vertical-align: middle;
margin: 5px;
padding: 5px;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
}

#navibereich a {
color: black;
background-color:#deb887;
padding: 4px 8px;
}

#navibereich a:hover {
color:#000000;
background-color:#f5deb3;/*hellste Farbe*/
}

#textbereich {
position:relative;
font-size: 100%;
text-align:justify;
background-color: #f5deb3;/*hellste Farbe*/
margin-top: 10px;
margin-right: 60px;
margin-left: 60px;
padding-right:20px;
padding-left:20px;
}

#galerie {
background-color: #deb887;/*mokka*/
margin-top: 50px;
margin-right: 50px;
margin-left: 50px;
}
#galerie img {
margin-top: 30px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 70px;
padding-top:100;
}
#fussbereich {
position:relative;
text-align:justify;
font-size: 100%;
background-color: #f5deb3;/*hellste Farbe*/
margin-top: 10px;
margin-right: 60px;
margin-bottom:0px;
margin-left: 60px;
}
#fussbereich li {
display: inline;
text-align:right;/*rechtsbündig*/
list-style-type: none;
margin-left: 900px;
padding-top: 20px;
padding-right: 10px;
}

Kirby

Bei mir funktioniert es.
Wenn du Firefox benutzen solltest, dann lade dir mal Firebug runter. damit kannst du CSS-Veränderungen direkt testen.
(Auf meiner Seite empfehle ich übrigens noch ein paar andere nette Add-ons)

Screenshot:

Spoiler:

Anzeige

Anmelden

Weitere Tipps