Gegen Bilderklau - Das Original | Druckvorschau: Problem mit Padding

Geschrieben von Eggli am 18.02.2010 um 22:32:

Problem mit Padding

Hallo Leute x)

Wir haben jetzt mal mit was kleinem angefangen. Bis jetzt ist es auch ganz ok.. x) Aber wir haben ein Problem mit dem Padding im Textbereich.. Denn der.. wie soll ich sagen.. der erscheint da irgendwie nicht xD Ich hab schon viel rumprobiert aber irgendwie ändert sich nichts... xD

Könnt ihr vllt helfen?
Hier das CSS-Dingsiii großes Grinsen

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

/*========================
Gestaltung unserer Website
========================*/

body {
  background-color: #410c3d; /*Hintergrundfarbe, Dunkellila*/
  color: white; /*Schriftfarbe*/
  font-family: Century Gothic;
  font-size: small;
}


/*==================================
Gestaltung des div mit id="wrapper"
==================================*/

#wrapper {
  background-color: #e5bee2; /*Zartrosa*/
  color: black;
  width: 720px;  
  margin: 10px auto;
}

#Textbereich {
  padding: 30px 30px;
}

#Navibereich {
  padding: 20px 20px;
}


/*========================
Gestaltung der Hyperlinks
========================*/

a { text-decoration: none; }
a:link { color: #410c3d; }
a:visited { color: #410c3d; }

/*===================================
Gestaltung der Aufz&auml;hlungslisten
===================================*/

li { list-style-type: square; }
ul li { list-style-type: square; }

/*=====================================
Gr&ouml&ouml;sse der &Uuml;berschriften
=====================================*/

h1 { font-size: 150% }
h2 { font-size: 130% }

Noch nicht wirklich viel, ich weiss... Aber naja wir haben auch erst angefangen Augenzwinkern

Wenn wir was falsch gemacht haben, sagts bitte, aber bitte NETT xDD
Zunge raus

Naja.. ist ja auch unser erstes Selbstgeschriebenes CSS dings x)

LG

Geschrieben von Eggli am 18.02.2010 um 22:38:

Hmm... Geht immernoch nicht.. Hab ich aber auch schon probiert...
Komischerweise gehts ja im Navibereich, nur im Textbereich nicht =/

Geschrieben von Eggli am 18.02.2010 um 22:41:

ääh... Was is`n de class? (sryyyyy, neuuu xDD)
Ist mir grad eben entfallen xDDDDDDD Nee sry in dem Buch stand auch was von Class aber da irgendwie wurd nicht erklärt was das ist xDDD
Und wo und wie gibt man die an?

Geschrieben von Eggli am 18.02.2010 um 22:45:

Ja Quelltext könnten wir reinstellen, aber der ist halt erst vorläufig xD Also das kommt am Schluss noch anders wir haben halt auf der Startseite nur rumprobiert x)

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:

<a href=""><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
  <link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
        <!-- =====
    Der Titel
    ====== -->
  <title>Pink Zebra - Startseite</title>
  
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  </head>
  <body id="startseite">
    <div id="Wrapper">
  
    <!-- Kopfbereich -->
    
    <div id="Kopfbereich">
      <h1><img src="logo.jpg" id="Logo" alt="Pink Zebra" width:"720" height="132" /></h1>
     
    
    <!-- Navibereich -->
    
    <div id="navibereich">
      <ul>
      <li id="navi01"><a href="Pink Zebra - Startseite.html">Startseite</a>
      </li>
      <li id="navi02"><a href="Pink Zebra - Kontakt.html">Bestellungen</a>
        <ul>
        <li id="navi03"><a href="Pink Zebra - Jana.html">Jana</a>
      </li>
      </ul>
      
    </div>
    
    <!-- Textbereich -->
    
    <div id="Textbereich">
    </div>
    
    
    <p>Wir z&uuml;chten erfolgreich <strong>Rapp-, Falb- und Schimmelschecken</strong> <em>in vielen Rassen.</em></p> 
    
    <p>Eine Zucht  bei <a href="http://meinpferdehof.de/" title="Mein Pferdehof - Die Site zum Spiel">Mein Pferdehof 2</a></p>
    
    <h3>Unsere Rassen und Farben:</h3>
    
    <ul>
    <li>Appaloosas</li>
      <ul>
      <li>Pintos</li>
      <li>Falbschecken</li>
      <li>Rappschecken</li>
      <li>Schimmelschecken
      </li></ul>
    <li>Berber</li>
      <ul>
      <li>Bald Schimmelschecken</li>
      </ul>
    <li>Criollo</li>
      <ul>
      <li>Falbschecken</li>
      <li>Rappschecken</li>
      </ul>
    <li>Deutsches Reitpony</li>
    <li>Hannoveraner</li>
      <ul>
      <il>Rappschecken</il>
      </ul>
    <li>Lipizzaner</li>
      <ul>
      <li>Pintos</li>
      <li>Bald Falbschecken</li>
      <li>Schimmelschecken</li>
      <li>Rappschecken</li></ul>
    <li>Oldenburger</li>
      <ul>
      <li>Bald Rappschecken</li>
      </ul>
    <li>Pinto</li>
      <ul>
      <li>Pintos</li>
      <li>Bald Schimmelschecken</li>
      </ul>
    <li>Quarterhorse</li>
      <ul>
      <li>Falbschecken</li>
      <li>Bald Rapschecken</li>
      </ul>
    <li>Tinker</li>
      <ul>
      <li>Falbschecken</li>
      <li>Rappschecken</li>
      </ul>
    <li>Trakehner</li>
      <ul>
      <li>Falbschecken</li>
      <li>Rappschecken</li>
      </ul>
    <li>Welshpony</li>
      <ul>
      <li>Bald Schimmelschecken</li>
      </ul>
    <li>Westfalen</li>
      <ul>
      <li>Pintos</li>
      <li>Bald Falbschecken</li>
      </ul>
    <li>Unbekannte Rasse(0% Pferde)</li>
      <ul>
      <li>Pintos</li></ul>
<hr />
    <img src="Latin Dancer.jpg" alt="Shir&aacute;skan" width="334" height="319" title="Ein Bildh&uuml;bscher Trakehner Rappscheckhengst" />
    <!-- Fussbereich -->
   
    <div id="Fussbereich">
    </div>
    </div>
  </body>
</html></a>

Vllt auch nicht alles ganz so richtig aber naja xD

Geschrieben von Eggli am 18.02.2010 um 22:53:

Super, Danke jetzt funktionierts!

großes Grinsen

Geschrieben von Eggli am 19.02.2010 um 22:31:

Hallo Leute x)
Habe nochmals ein Problem, wollte aber nicht nochma einen Thread aufmachen. Und zwar gehts wieder ums CSS, aber naja es geht um was anderes xDD

Also und zwar will ich, dass in der Navigation der Link, auf dem man sich gerade befindet, im gleichen Farbton hinterlegt ist, wie der Textbereich.. Weiss nicht wie ich es erklären soll...

Also ich hab schon nachgeschaut, der richtige Farbton ist eingetragen, aber der falsche wird angezeigt.

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:

/*========================
Gestaltung unserer Website
========================*/

body {
  background-color: #410c3d; /*Hintergrundfarbe, Dunkellila*/
  color: white; /*Schriftfarbe*/
  font-family: Century Gothic;
  font-size: small;
}


/*==================================
Gestaltung des div mit id="wrapper"
==================================*/

#wrapper {
  background-color: #e5bee2; /*Zartrosa*/
  color: black;
  width: 720px;  
  margin: 10px auto;
}

#Textbereich {
  padding: 30px;
}

#Navibereich {
  text-align: right;
  color: black;
  background-color: #bc75b6;
  padding: 0 10px 4px 10px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}

  #Navibereich li {
    display: inline;
    list-style-type: none;
    margin: 0;
  }

  #Navibereich ul { margin-bottom: 0; }
  
  #Navibereich a { 
    color: black;
    background-color: #bc75b6;
    padding: 4px 8px;
    border: 1px solid black;
  }
  
  #Navibereich a:hover,
  #Navibereich a:focus {
    color: white;
    background-color: #7c3b77;
    border-bottom-color: white;
  }
  #Navibereich a:active {
    color: white;
    background-color: #7c3b77;
    border-bottom-color: #7c3b77;
  }
  
  #Bestellungen #navi02 a,
  #Startseite #navi01 a {
    color: black;
    background-volor: #e5bee2;
    border-bottom-color: #e5bee2;
  }
  
#Kopfbereich p {
  padding: 5px 0 0 0;
  margin-bottom: 0;
}  

/*========================
Gestaltung der Hyperlinks
========================*/

a { text-decoration: none; }
a:link { color: #410c3d; }
a:visited { color: #410c3d; }

/*===================================
Gestaltung der Aufz&auml;hlungslisten
===================================*/

li { list-style-type: square; }
ul li { list-style-type: square; }

/*=====================================
Gr&ouml&ouml;sse der &Uuml;berschriften
=====================================*/

h1 { font-size: 150% }
h2 { font-size: 130% }

#Bestellungen #navi02 a,
#Startseite #navi01 a {
color: black;
background-volor: #e5bee2;
border-bottom-color: #e5bee2;
}

dieser Teil wärs dann xD
Und der Farbcode sollte ein Zartrosa sein, ist aber irgendwie dunkler.. =/

Bitte um Hilfe x)

LG

Geschrieben von Eggli am 19.02.2010 um 22:46:

Naja die existiert ja noch nicht wirklich, also erst halt auf meinem pc x))

Reicht auch der Quelltext..?

Geschrieben von Eggli am 19.02.2010 um 22:53:

Hmm ok x)

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:

<a href=""><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
  <link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
        <!-- =====
    Der Titel
    ====== -->
  <title>Pink Zebra - Startseite</title>
  
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  </head>
  <body id="Bestellungen">
    <div id="Wrapper">
  
    <!-- Kopfbereich -->
    
    <div id="Kopfbereich">
      <img src="logo.jpg" id="Logo" alt="Pink Zebra" width:"720" height="132" />
     
    
    <!-- Navibereich -->
    
        <div id="navibereich">
      <ul>
      <li id="navi01"><a href="Pink Zebra - Startseite.html">Startseite</a>
      </li>
      <li id="navi02"><a href="Pink Zebra - Kontakt.html">Bestellungen</a>
      </li>
      </ul>
      
    </div>
    <!-- Textbereich -->
    
    <div id="Textbereich">
    <h2> Bestellung</h2>
      
      <form id="Bestellformular" name="Bestellformular" action="">
      <div>
        <label for="absender">Dein Name bei Mein Pferdehof 2:</label>
        <br/>
        <input type="teyt" id="absender" name="Absender" />
      </div>
      <div>
        <label for="nachricht">Deine Bestellung:</label>
        <br/>
        <textarea id="nachricht" name="nachricht"
        cols="50" rows="8"></textarea>
        </div>
        <div>
          <input type="submit" value="Bestellen" />
          </div>
          </form>
     </div>
    </div>
    
    <!-- Fussbereich -->
   
    <div id="Fussbereich">
    </div>
    </div>
  </body>
</html></a>

Geschrieben von Eggli am 19.02.2010 um 23:03:

Aber jetzt ist die Navigation nicht mehr so ein einer reihe sonder untereinander. =/

Irgendwie komisch... Vorher wars noch besser..

EDIT:

Hab hier mal ein Bild reingestellt, dann wird vllt klar was ich will xDD
Sorry, aber es war so schwer zu erklären.

http://i48.tinypic.com/34e9cp4.jpg

Wenn man auf der Seite "BEstellungen" ist, dann soll das rot umrahmte die Farbe von lila schraffierten haben, aber es ist dunkler..
Das Feld von Startseite soll aber die Farbe, die sie jetzt hat behalten Augenzwinkern

Also ist eigentlich nur dieses kleine Feld, also die Farbe mein Problem Augenzwinkern

Geschrieben von Eggli am 19.02.2010 um 23:28:

Hab ich gerade gemacht, aber das funktioniert immernoch nicht... =/
Also es geht schon aber irgendwie muss man dafür erst auf den Link in der Navi klicken, dann wenn die Seite geladen ist nochmals drauf gehen und klicken, aber den klick behalten und weg vom Navilink ziehen zB weiter rutnter und dann bleibt es so, aber wenn man einfach so darauf klickt dann gehts nicht =(

Und sobald man wieder woanders hinklickt, ist die andere Farbe wieder da =(

Geschrieben von Eggli am 19.02.2010 um 23:36:

Geht immernoch nicht =(