 Problem mit Padding |
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
 |
|
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 
| 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ählungslisten
===================================*/
li { list-style-type: square; }
ul li { list-style-type: square; }
/*=====================================
Gröösse der Überschriften
=====================================*/
h1 { font-size: 150% }
h2 { font-size: 130% } |
|
Noch nicht wirklich viel, ich weiss... Aber naja wir haben auch erst angefangen 
Wenn wir was falsch gemacht haben, sagts bitte, aber bitte NETT xDD
Naja.. ist ja auch unser erstes Selbstgeschriebenes CSS dings x)
LG
__________________
|
|
18.02.2010 22:32 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter 
|
|
Hmm... Geht immernoch nicht.. Hab ich aber auch schon probiert...
Komischerweise gehts ja im Navibereich, nur im Textbereich nicht =/
__________________
|
|
|
18.02.2010 22:38 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
ää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?
__________________
|
|
|
18.02.2010 22:41 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
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ü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áskan" width="334" height="319" title="Ein Bildhübscher Trakehner Rappscheckhengst" />
<!-- Fussbereich -->
<div id="Fussbereich">
</div>
</div>
</body>
</html></a> |
|
Vllt auch nicht alles ganz so richtig aber naja xD
__________________
|
|
|
18.02.2010 22:45 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
Super, Danke jetzt funktionierts!
__________________
|
|
|
18.02.2010 22:53 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
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ählungslisten
===================================*/
li { list-style-type: square; }
ul li { list-style-type: square; }
/*=====================================
Gröösse der Ü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
__________________
|
|
|
19.02.2010 22:31 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
Naja die existiert ja noch nicht wirklich, also erst halt auf meinem pc x))
Reicht auch der Quelltext..?
__________________
|
|
|
19.02.2010 22:46 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
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> |
|
__________________
|
|
|
19.02.2010 22:53 |
|
|
Eggli
Mitglied
Dabei seit: 27.05.2008
Beiträge: 79
Themenstarter
|
|
Geht immernoch nicht =(
__________________
|
|
|
19.02.2010 23:36 |
|
|
|
Impressum
|
