• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Layout Probleme

nudelz

nudelz

Neues Mitglied
hallo erstmal,
ich bin recht neu in dem gebiet und noch am experimentieren. ich arbeite momentan einer website. habe schon das design und alles. aber ich schaffe es nicht einen rand zu machen. links und rechts.
ich stelle mir das so vor:
aufbaut..jpg

ich habe allerdings das problem das ich links und rechts wo einfach nur ien hintergrund sein soll, frames. und wenn man eine niedrigere auflösung hat, werden die frames in der mitte kleiner. :( wie krieg ich das hin.

meine html code momental für index:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<central>
<frameset rows="248,*" cols="416,*,432" frameborder="no" border="0" framespacing="0">
  <frame src="rasterlinksoben.html">
  <frame src="head.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frame src="rasterrechtsoben.html">
  <frame src="rasterlinksunten.html">
  <frameset rows="*" cols="183,*" framespacing="0" frameborder="no" border="0">
    <frame src="navi.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="menu.html" name="mainFrame" id="mainFrame" title="index.html" />
  </frameset>
  <frame src="rasterrechtsunten.html">
</frameset>
<noframes><body>
</body></noframes>
</html>

versteht ihr was ich meine? wie kriege ich das hin? arbeite mit dreamweaver und normalen editor.
schon mal vielen dank
 
Verzichte auf frames, denn damit und auch mit HTML macht man keine Layouts. HTML dient nur zur Beschreibung der Inhalte. Das Design machst Du mit CSS.
 
ufff.... das ist jetzt doof. ich kann leider kein css. ist das denn kompliziert? ich brauch ja nur für die startseite das. kann mir einer bitt ein tipp geben? geht das mit dreamweaver?


ich hab jetzt mal was probiert:
layout..jpg

wenn sie jtezt so aussieht. wie kriege ich das hin, dass die seite der navigation sind in der mitte öfnen? und wie kann ich bitte ein bild einfügen statt dem weissen? muss wohl im css sein?
HTML: 
/* 1024px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.2, April 20, 2006 */

/******** General tags ********/
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#ffffff url(images/background.gif) top center repeat-y;
color:#404040;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 18px 10px;}
ul,ol,dl{font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
font-size:4.2em;
letter-spacing:-5px;
margin:0 0 30px 25px;
color:#4088b8;
}

h1 a{text-transform:none; color:#4088b8;}

h2{
font-size:1.4em;
color:#4088b8;
border-bottom:4px solid #dadada;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
color:#404040;
width:970px;
margin:10px auto;
padding:0;
}

#header{margin:0;}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

/******** sidebar ********/
#sidebar{
float:left;
width:195px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Content variations ********/
#content{
line-height:1.5em;
width:750px;
float:right;
text-align:left;
margin:0;
padding:0;
}

#contentalt{
line-height:1.5em;
width:750px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h3, #contentalt h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}

/******** Various classes ********/
.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}
 
Zuletzt bearbeitet:
nudelz schrieb:
ufff.... das ist jetzt doof. ich kann leider kein css. ist das denn kompliziert?
Zum Vergrößern anklicken....

Nein, überhaupt nicht. Und wie gesagt kann man Webseiten ohne CSS gar nicht erstellen, denn das sähe öde aus.

geht das mit dreamweaver?
Zum Vergrößern anklicken....

Ich benutze solche Programme nicht, aber ich nehme mal an ja.

wenn sie jtezt so aussieht. wie kriege ich das hin, dass die seite der navigation sind in der mitte öfnen?
Zum Vergrößern anklicken....

Nochmal auf deutsch bitte.

und wie kann ich bitte ein bild einfügen statt dem weissen? muss wohl im css sein?
Zum Vergrößern anklicken....

Die Seite ist fast komplett weiß. Was meinst Du?
 
nudelz schrieb:
ja wie kriege ich hin, dass die hyperlinks sich in dem hauptfenster öffnen?
Zum Vergrößern anklicken....

Indem Du es als target angibst. (Attribut bei Links)

ich will eine grafik (muster) links und rechts haben wo es weiss ist. also das es statt weisse ränder, dunkle ränder für den kontrast gibt.
Zum Vergrößern anklicken....

Mit frames geht das imho nicht. Verzichte wie schon gesagt auf Frames, dann geht das auch.
 
ja hab ich ja. ich habe jetzt eine css datei die oben steht. und den index umgeändert.

wie mache ich das mit den target? und mit dem muster?

schon einmal vielen dank. habt mir bisher schon viel geholfen
 
"target" brauchst Du auch nicht, wenn Du die Frames in die Tonne gekloppt hast. Ein Link lädt immer eine neue Seite. Das ist so, das ist auch gut so, das hat sich bewährt. Wenn Du gleichbleibende Elemente einer Seite in unterschiedliche Dateien schreiben willst, dann mach Dich schlau nach "serverseitigem include".
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben