Sie sind nicht angemeldet.

    • coden meiner seite

    • 1
    • 2

    1

    Samstag, 15. Mai 2010, 11:18

    coden meiner seite

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:31)

    2

    Samstag, 15. Mai 2010, 11:30

    dein Quelltext wäre nicht schlecht ;)

    3

    Samstag, 15. Mai 2010, 11:34

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:28)

    • Dava

      Aufsteiger

    • Beiträge: 61

      Aktivitätspunkte: 320

      Registrierungsdatum: 27. September 2009

      Wohnort: Coburg, Bayern, Deutschland

      Beruf: Ausbildung zum technischen Assistent für Informatik

      Danksagungen: 5 / 0

      • Nachricht senden

    4

    Samstag, 15. Mai 2010, 11:37

    Mal doof gefragt: Warum die Dateiendung *.php wenn du doch nur HTML verwendest? ?( Eigentlich ist es ja egal aber mich würde es nur mal interessieren ;)

    5

    Samstag, 15. Mai 2010, 11:41

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:28)

    • NicLab

      Elite-Member

    • Beiträge: 387

      Aktivitätspunkte: 2 110

      Registrierungsdatum: 15. Februar 2010

      Wohnort: Deutschland

      Beruf: Freelance Designer

      Danksagungen: 105 / 7

      • Nachricht senden

    6

    Samstag, 15. Mai 2010, 11:51

    guck dir mal float: left oder 2 spaltiges design and :D

    Hab mal für dich gegooglet. Erklären kann man das nicht. Vieleicht mach ich gleich ein Tutorial ohne das Framework.

    http://lmgtfy.com/?q=YAML

    Edit:

    Der Sidebar musst du auf jedenfall ein float: left geben.

    7

    Samstag, 15. Mai 2010, 12:04

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:28)

    • NicLab

      Elite-Member

    • Beiträge: 387

      Aktivitätspunkte: 2 110

      Registrierungsdatum: 15. Februar 2010

      Wohnort: Deutschland

      Beruf: Freelance Designer

      Danksagungen: 105 / 7

      • Nachricht senden

    8

    Samstag, 15. Mai 2010, 12:34

    Kannst du mal vieleicht das ganze Script hochladen ich kann das nicht nur mit Bilder sagen.

    Du müsstest auch wenn alles als Sidebar machen und dann den Content als eins also zb.

    Quellcode

    		 
    1
2
3
4
5
6

    <div id="navbar">
    <!-- Hier kommt die ganze Navbar rein -->
  </div>
<div id="content">
    <!-- Hier kommen die Artikel rein -->
  </div>




    edit.
    lad es mal bitte auf einen server oder sowas. ;D vieleicht liegt es auch an dem dreamweaver das ist nämlich eigentlich nur für html dateien glaube ich :DD

    Oder du guckst bei dir mal nach ob das mit http://localhost/skt/template.php funkt.

    9

    Samstag, 15. Mai 2010, 12:41

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:28)

    • NicLab

      Elite-Member

    • Beiträge: 387

      Aktivitätspunkte: 2 110

      Registrierungsdatum: 15. Februar 2010

      Wohnort: Deutschland

      Beruf: Freelance Designer

      Danksagungen: 105 / 7

      • Nachricht senden

    10

    Samstag, 15. Mai 2010, 13:01

    Mhhh. Ich weiß echt nicht mehr weiter. ...

    11

    Samstag, 15. Mai 2010, 13:20

    So das ganze ist an sich nicht schwer. Nur noch mal zum Verständis. Wie wolltest du das haben?

    Eine linke und eine rechte Spalte. Die linke Spalte mit dem Header, Navigation und Footer. Die recht seite mit dem Content und der Hintergrund soll die ganze rechte Fensterspalte einnehmen, oder?

    MfG Grievous
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    12

    Samstag, 15. Mai 2010, 13:29

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:28)

    13

    Samstag, 15. Mai 2010, 14:24

    So ich habe es jetzt mal so auf die Schnelle ein wenig angepasst. Ich hoffe es ist so, wie du es dir vorgestellt hast.

    HTML

    Quellcode

    		 
    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

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sk-template</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>
<div id="page-left">
	<div id="page-header">
		<p>Sebastian Knabe</p>
	</div>
	<div id="navigation">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">Archiv</a></li>
			<li><a href="#">Profil</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">Links</a></li>
		</ul>
	</div>
	<div id="footer">&copy; Sebastian Knabe</div>
</div>
<div id="content-wrapper">
	<div class="spacer"></div>
	<div id="content">
		<h3>Künstlername</h3>
		<div class="entry">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
		</div>
		<h3>Überschrift</h3>
		<div class="entry">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
		</div>
	</div>
</div>
</body>
</html>


    CSS

    Quellcode

    		 
    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
120
121
122
123
124
125
126
127
128
129

    @charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin:0px;
	padding:0px;
	background: url(image/profil_bg.png) repeat #333;
	color: #f6ee85;
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
}

#page-left{
	width:198px;
	background: url(image/navigation.png) repeat-y;
	float:left;
}

#page-header {
	width:198px;
	height:214px;
	background: url(image/header.png) no-repeat;
	float:left;
}

#page-header p{
	padding-top:173px;
	color: #463b2a;
	font-family:Times New Roman, Times, serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-shadow: #f6ee85;
}

#navigation {
	width: 178px;
	height: auto;
	padding-left: 20px;
	float: left;
	background: url(image/navigation.png) repeat-y;
}

#navigation ul {
	list-style-type:none;
}

#navigation li {
	margin:0px auto;
	padding-top:10px;
	height: 39px;
	background: url(image/schelle.png) no-repeat;
	text-align: center;
}

#navigation a {
	font-family:Times New Roman, Times, serif;
	font-size:14px;
	font-weight:bold;
	color: #463b2a;
	text-decoration: none;
}

#navigation a:hover, a:focus {
	color: #985c00;
	outline: none;
}



#footer {
	width:148px;
	height: 18px;
	background: url(image/footer.png);
	font: bold 10px Verdana, Geneva, sans-serif;
	color: #5e3015;
	padding-top: 85px;
	padding-left: 50px;
	float:left;
}

#content-wrapper {
	margin-left: 198px;
}

.spacer{
	height:200px;
}

#content {
	margin: 0px 84px;
}

#content h3 {
	font-size:16px;
	font-weight:bold;
	color: #f6ee85;
	margin-bottom: 20px;
	background: url(image/naht.png) repeat-x;
	padding-top: 25px;	
/*	padding-top: 20px;
	border-top: dashed;
	border-width: 1px;
	color: #f6ee85;*/
}

#content .entry {
	width: auto;
	padding: 5px;
	padding-bottom: 30px;
}


    MfG Grievous
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    14

    Samstag, 15. Mai 2010, 14:30

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:28)

    15

    Samstag, 15. Mai 2010, 14:34

    Dieses Problem habe ich selber noch nicht gelöst und hätte darauf gerne auch eine Antwort. Ich habe mal irgendwo etwas mit einem Sticky-Footer gelesen, aber weiß nicht mehr was das war.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    16

    Samstag, 15. Mai 2010, 14:49

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:27)

    17

    Samstag, 15. Mai 2010, 17:08

    Quellcode

    		 
    1
2
3
4
5
6
7

    html, body { height: 100%; }

#navigation {
   position: relative;
   min-height: 100%;
   height: auto !important;
   height: 100%; }


    Quellcode

    		 
    1
2
3

    #footer {
   position: absolute;
   bottom: 0; }


    Mit diesem CSS-Zusatz sollte dein Footer immer am Seitenende positioniert und die Navi durchgehend angezeigt werden!

    18

    Samstag, 15. Mai 2010, 17:25

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:27)

    19

    Samstag, 15. Mai 2010, 17:35

    Zitat von »basteln«

    hab das mal in die navi gehauen, aber die geht ni bis runter :|

    klick: testseite

    mhm...hast du alles so eingefügt,wie ich es gepostet habe? Sprich auch html, body 100%

    20

    Samstag, 15. Mai 2010, 17:41

    -gelöscht- eins zwei drei vier
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    Dieser Beitrag wurde bereits 7 mal editiert, zuletzt von »basteln« (16. Mai 2010, 02:27)

    • 1
    • 2

    Ähnliche Themen

    • Grufix-Board.de - GFX Webdesign Foto & Coding Community

    Grafik-Tutorials | Coding-Tutorials | Ressourcen | SEO | Webdesign | HTML5
    W3C Validator

    Forensoftware: Burning Board® 3.1.6, entwickelt von WoltLab® GmbH