Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.02.2011 um 12:46 (UTC)    
Titel: Wo ist der Fehler? / Content

hey folgendes:
ich habe mir ein template geladen und es dann in den baukasten hier eigefügt.
bei mir stimmt die größe vom content feld nicht....

Zum besseren Verständiss habe ich Bilder beigefügt!

1. bei mir im code bzw. design/ template gibt es eine grundseite, in meinem fall die startseite, die immer angezeigt wird...

2.Wenn ich die navigation verlinken will, ändert sich diese grundeseite nicht sondern es wird lediglich das, was man in den eigenen seiten reingeschrieben hat auf die grundseite raufkopiert!

Bild:
Code:
http://www.pictureupload.de/originals/pictures/130211134042_bild_1.jpg


--------------------------------------------------------------------------------
Das die grundseite immer angezeigt wird muss wohl in diesem bereichs des codes liegen:

Code:
<!-- main -->   <div id="main">
      <div id="text_top">
         <h1>
            Herzlich Willkommen</h1>
         <br />
         TEXT TEXT TEXT TEXT TEXT<br />
         <br />
         <br />
         <br />
         <br />
         <br />
         <br />
         <br />
         &nbsp;</div>
      <center>
         <a href="#"><img alt="" src="images/img.jpg" /></a><a href="#"><img alt="" src="images/img2.jpg" /></a><a href="#"><img alt="" src="images/img3.jpg" /></a><a href="#"><img alt="" src="images/img4.jpg" /></a></center>
      <br />
      <br />
      <br />
      <div id="text_bottom">
         <div id="first_col">
            <h2>
               TEXT 1</h2>
         </div>
         <div id="second_col">
            <h2>
               Text 2</h2>
            <br />
            <br />
            <br />
            &nbsp;</div>
         <div id="third_col">
            <h2>
               Text 3</h2>
            <br />
            <br />
            <br />
            &nbsp;</div>
      </div>
   </div>
<!-- end main -->


kann mir wer den code umschreiben, sodass ich ganz normal auch die home seite mittels der eigenen seite gestalten kann?
also das ich das, was jetzt auf jeder seite immer angezeigt wird nur auf meiner "Home-Eigene-Seite" stehen habe!


dazu hier nochmal meinen gesamten code:

Text über dem Design:

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<!-- header -->
<div id="logo"><a href="#">Raphael Hoffmann</a></div>
<div id="menu">
    <ul>
    <li><a href="#" class="active">Home</a></li>
    <li><a href="Sonstiges.htm">Sonstiges</a></li>
    <li><a href="#">Kontakt</a></li>
    <li><a href="#">Referenzen</a></li>
    <li><a href="#">Über mich</a></li>
    </ul>
   </div>
<!--end header --><!-- main -->   <div id="main">
      <div id="text_top">
         <h1>
            Herzlich Willkommen</h1>
         <br />
         TEXT TEXT TEXT TEXT TEXT<br />
         <br />
         <br />
         <br />
         <br />
         <br />
         <br />
         <br />
         &nbsp;</div>
      <center>
         <a href="#"><img alt="" src="images/img.jpg" /></a><a href="#"><img alt="" src="images/img2.jpg" /></a><a href="#"><img alt="" src="images/img3.jpg" /></a><a href="#"><img alt="" src="images/img4.jpg" /></a></center>
      <br />
      <br />
      <br />
      <div id="text_bottom">
         <div id="first_col">
            <h2>
               TEXT 1</h2>
         </div>
         <div id="second_col">
            <h2>
               Text 2</h2>
            <br />
            <br />
            <br />
            &nbsp;</div>
         <div id="third_col">
            <h2>
               Text 3</h2>
            <br />
            <br />
            <br />
            &nbsp;</div>
      </div>
   </div>
<!-- end main -->
<!-- footer -->   <div id="footer">
      <div id="footer_left">
         © Copyright 2011 Raphael Hoffmann</div>
      <div id="footer_right">
<!-- Please do not change or delete these links. Read the license! Thanks. :-) -->         <a href="http://www.realitysoftware.ca/services/website-development/design/">Web design</a> released by <a href="http://www.flash-gallery.org/">Flash Gallery</a></div>
   </div>
<!-- end footer --></div>


CSS ohne Style Tags:
Code:
body {margin:0; font-family:Georgia, "Times New Roman", Times, serif; background:url(http://img.webme.com/pic/r/raphael-hoffmann/head_bckg.jpg) no-repeat center top #000000;}


a {color:#FDC605; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:20px; font-weight:normal; margin:10px 0;}
img {border:none;}
br {line-height:10px;}

#container {width:1000px; margin:0 auto;}

#logo {margin:39px 30px 0px 30px; height:40px;}
#logo a {color:#EDECEC; text-decoration:none; font-size:24px; text-transform:uppercase; background:url(http://img.webme.com/pic/r/raphael-hoffmann/logo.gif) no-repeat; padding:4px 0 0 50px; float:left;}

#menu {padding-right:30px; height:56px;}
#menu ul {padding:0; margin:0; float:right;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:126px; height:50px; font-size:11px; text-decoration:none; color:#ABABAB; text-align:center; background:url(http://img.webme.com/pic/r/raphael-hoffmann/menu_deact.gif) no-repeat; padding-top:6px;}
#menu a:hover, #menu a.active {background:url(http://img.webme.com/pic/r/raphael-hoffmann/menu_act.gif) no-repeat; color:#180202;}

#main {color:#D6D6D6; font-size:11px; line-height:16px;}

#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {border:6px solid #FFFFFF; margin:0 5px;}
#main img:hover {border-color:#D6D6D6;}

#text_top {padding:0 30px 20px 30px; font-size:12px;}

#text_bottom {background:url(http://img.webme.com/pic/r/raphael-hoffmann/main_bckg.jpg) repeat-x #919191; width:940px; float:left; padding:30px 30px;}

#first_col {width:280px; float:left; margin-right:40px;}
#first_col h2 {color:#ff6f08; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#second_col {width:280px; float:left; margin-right:40px;}
#second_col h2 {color:#94d223; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#third_col {width:280px; float:left;}
#third_col h2 {color:#23abd2; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}

#footer {clear:both; height:50px; background:url(images/footer_bckg.jpg) no-repeat; color:#ffffff; font-size:11px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_right {float:right; padding:16px 30px 0 0;}


#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}


#content { position: absolute; left: 50%; top:328px; margin-left:-599px; width: 660px; padding:10px; color: #000000; font-size:13px; font-family: Arial; background-color:#transparent; background-image:url(); border: 0px solid #5F5F5F; height : 344px; overflow:auto; }







vielen Dank schonmal im vorraus Wink
Beitrag13.02.2011 um 13:44 (UTC)    
Titel:

Hi,
du stellst hier aber schon Anforderungen!
Man sollte eigentlich nicht danach fragen, obs einer macht, sondern, ob der Lösungs-
ansatz gegeben werden kann. Sonst lernst du auch nichts.

Trotzdem kann ich dir da mal bisschen was zeigen.

Zitat:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<!-- header -->
<div id="logo"><a href="#">Raphael Hoffmann</a></div>
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="Sonstiges.htm">Sonstiges</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">Über mich</a></li>
</ul>
</div>
<!--end header -->

<!-- main -->
<div id="main">
<div id="text_top">
/* Text gelöscht! Wird nachher im Content geschrieben */
<div id="text_bottom">
<div id="first_col">
<h2>
TEXT 1</h2>
</div>
<div id="second_col">
<h2>
Text 2</h2>
<br />
<br />
<br />
&nbsp;</div>
<div id="third_col">
<h2>
Text 3</h2>
<br />
<br />
<br />
&nbsp;</div>
</div>
<!-- end main -->

<!-- footer -->
<div id="footer">
<div id="footer_left">
© Copyright 2011 Raphael Hoffmann</div>
<div id="footer_right">
<!-- Please do not change or delete these links. Read the license! Thanks. Smile --> <a href="http://www.realitysoftware.ca/services/website-development/design/">Web design</a> released by <a href="http://www.flash-gallery.org/">Flash Gallery</a></div>
</div>
<!-- end footer -->
</div>


Der Text, der im Editor geschrieben wird, wird immer in dem DIV #content erstellt.
Darum kannst du den Text oben wegnehmen, da das DIV anders beschrieben ist!

Zitat:
#content {
position: absolute;
left: 50%;
top:328px;
margin-left:-599px;
width: 660px;
padding:10px;
color: #000000;
font-size:13px;
font-family: Arial;
background-color:#transparent;
background-image:url();
border: 0px solid #5F5F5F;
height : 344px;
overflow:auto; }

Den Text, den du schreibst, aber anders dargestellt wird, ist dieser der vom
Editor ausgeht. Also im DIV-Content geschrieben wird.
Dazu hast du dann oben die einzelnen Definitionen, die du ändern kannst.
Position, Schriftart, Schriftfarbe, etc. etc. etc.

Ich denke das sollte mal reichen als Gedankenanstoss.

Gruss
Riki
Beitrag13.02.2011 um 13:48 (UTC)    
Titel:

ich danke dir Wink
da werd ich gleich nochmal ein bisschen rumexperementieren!!
vieln dank!
bei weiteren fragen meld ich mich!
Beitrag13.02.2011 um 14:00 (UTC)    
Titel:

jetzt sieht das aber so aus...
wie kann ich den text 1 text 2text3 content verrücken?
Beitrag13.02.2011 um 14:14 (UTC)    
Titel:

Für einen Anfänger wäre es besser, das anders zu lösen.
Mein Vorschlag dafür wäre: DIV- und HTML-Angaben für diesen Teil löschen
und dann einfach im Content eine drei-spaltige Tabelle erstellen!

Gruss
Riki
Beitrag13.02.2011 um 14:23 (UTC)    
Titel:

ich weiß...
ich will es aber lernen!
bin deshalb für jeden hinweis / tip dankbar Wink
Beitrag13.02.2011 um 14:57 (UTC)    
Titel:

wie kann ich den footer ganz nach unten ans ende der seite positionieren??
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de