Beiträge von Basti

Basti · 28. März 2009

Im Moment interessiert mich eher weniger ob mein Quelltext übersichtlich ist,

ich bin ja grade eh nur am experimentieren

Basti · 27. März 2009

Hallo, ich glaube ich bin einfach zu doof,

ersteinmal die Website:

http://projectdestyny.kilu.de/destiny.htm

Vielleicht seht ihr das oben das Logo einen schwarzen Rahmen hat der 5 px breit ist,

nun möchte ich aber erreichen das der Grün wird (#006600) bin aber totally überfragt und habe das auch nich wirklich im Seminar gefunden,

vielleicht könnt ihr mir da weiterhelfen?

Hier mal für die faulen, der Quelltext:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">           
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">       
  <head>     
    <title>
      Ein Kessel buntes     
    </title>     
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />     
    <meta name="content-language" content="de" />     
    <style type="text/css">
      * {
        margin: 0;
        padding: 0;
      }
      body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 100.1%;
          background-color: #00FFCC;
          color: #000000;
      }
      /* Ueberschriften */
      h1 {
        font-size: 2em;
        font-weight: bold;
        text-decoration: underline;
      }
      h1 span {
        font-size: smaller;
        font-weight: normal;
      }
      h2 {
        font-size: 1.4em;
        font-weight: bold;
        font-style: italic;
      }
      h3 {
        font-size: 1.2em;
        font-weight: bold;
        font-style: italic;
      }
      /* Linkangaben, musst Du anpassen */
      a:link {
           color: #000000;
           text-decoration: ;
           border: 0px;
      }
      a:visited {
           color: #000000;
           text-decoration: ;
      }
      a:link:hover, a:visited:hover {
           color: #000000;
           text-decoration: ;
      }
      a:active {
           color:#000000;
           text-decoration: ;
      }
      /* Container */
      #seite {
        background-color: #006600;
        width: 1000px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
      }
      #kopfbereich {

      }
      #boxrechts {
        float: right;
        width: 250px;
      }
      #steuerung {
        background-image: url(steuerung.jpg);
        background-repeat:repeat-y;
        padding: 5px;
      }
      #steuerung ul {
        list-style: none;
      }
      #steuerung2 {
        padding: 5px;
      }
      #inhalt {
        margin-right: 250px;
        padding: 10px;
      }
      #footer {
        clear: both;
        color: #00FFCC;
        background-color: #00FFCC;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px;
      }   
    </style>
  </head>   
  <body><script type=text/javascript src=http://www15.kilu.net/extra/a4/remote_changes.js.php?kilu_account=projectdestyny></script>
    <script type="text/javascript" src="http://www15.kilu.net/extra/a4/remote_changes.js.php?kilu_account=projectdestyny"></script>   
    <div id="seite">       
      <div id="kopfbereich">         
        <img src="logo.jpg" alt="Logo" border="5" border-color="#006600" width="990px" />       
      </div>       
      <div id="boxrechts">         
        <div id="steuerung">




          <h2>Navigation:</h2>
          <hr />           
          <ul>
            <li><a href="index.html"><img  src="linkseite1.jpg" alt="link1" style="width: 244px;" border="0" /></a></li>
            <li>&nbsp;</li>
            <li>&nbsp;</li>
            <li>&nbsp;</li>
          </ul>         
        </div>         
        <div id="steuerung2">




          <h2>Roflkopter</h2>
            <p>
          Ähm... 
            </p>
            <p>
          Ähhhhmmm...
            </p>
        </div>
      </div>




      <div id="inhalt">
        <h1>Project Destiny <span>- Ein Kessel Buntes</span></h1> 
             <br />      
          <p>
            Hallo, willkommen auf der Project Destiny Homepage,
          </p>
             <br />         
          <p>
            du wirst hier viel entdecken können, aber kein Thema finden nach dem die Homepage
          </p>  
             <br />          
          <p>  
            gestaltet ist!
          </p>




          <p>       
            <a href="http://www.youtube.com/watch?v=M61euZg5aSg" target=""><img src="historymaker.jpg" align="middle" alt="History Maker" border="0" /></a>       
          </p>
      </div>
      <div id="footer">&nbsp;</div> 
    </div>
    <script type="text/javascript" src="http://www15.kilu.net/extra/a1/remote_changes.js.php?kilu_account=projectdestyny"></script>
  <script type=text/javascript src=http://www15.kilu.net/extra/a1/remote_changes.js.php?kilu_account=projectdestyny></script></body>
</html>

Alles anzeigen

Basti · 12. März 2009

wow supi klappt^^ danke^^

ich glaub ich benutz jez wieder webocton scriptly ...

Basti · 12. März 2009

Da war eigendlich ein <html>, aber irgendwie habe ich das aus versehen

gelöscht, warscheinlich weil das son doofes bearbeitungsfenster war^^

Naja, eine Sache stört mich an deinem Quelltext aber enorm,

die Page klebt jez links am Rand des Browsers, und die soll ja mittig

sein

Aber ansonsten is des gut...

Basti · 12. März 2009

habs gemerkt und gemacht, der provider is voll fürn hintern,

wenn man da ne navigation macht, und dann z.B.

Code

<a  href="index.html"  target="_blank">

macht, dann wird man immer auf die HP vom Hoster geschickt...

Was sagt uns das?

Finger weg von dem da:

http://www.blackapplehost.com/

War halt ersmal der einzige Gratis Hoster den ich gefunden hab, aber

hier im Forum gabs ja noch mehr^^

Basti · 12. März 2009

Ich hab es doch aber in verschiedenen getestet...

Naja egal, du hast ja schon recht, und ich weiss auch garnich was ich

jez noch schreiben soll^^

Basti · 12. März 2009

Och Menno, konzentriert euch doch nurmal drauf was ich möchte^^

Das mit dem Doctype und dem ganzen Kram habe ich schon begriffen,

allerdings ist das im Moment ein Design Test und ich werd das eh noch

als eine CSS Datei basteln^^

Trotzdem vielen Dank für deine Hilfe.

Ausserdem bin ich auch erst seid 2 Tagen dabei

An Axel:

Genau, niemals aufgeben, ich bin ja schliesslich durch weitermachen jez

auch ans Ziel gekommen, nur muss ich sagen, ich hab den Anbieter

gewechselt, und jetzt ist alles hier zu finden was ich mache:

http://projectdestyny.kilu.de/seite1.html

Basti · 12. März 2009

Seid doch bitte mal so freundlich, und sagt mir nicht was falsch ist,

sondern auch wie ich es richtig machen kann

Mir jetzt sagen das ein "lol" alles verschiebt, hmmm,

das hilft mir jez nicht wirklich weiter. . .

Ich merk schon, ich probier es lieber selbst aus, irgendwann kriege ich es

schon hin

Trotzdem danke das ihr euch gemeldet habt!!!

Edit:

Habe es jetzt hinbekommen:

Code

<head>
<link  rel="shortcut  icon"  type="image/x-icon"  href="favicon.ico"  />
<style type="text/css">
body {
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}




* {
  margin:0;
  padding:0;
}




#seite {
  width:1000;
  margin: 20 auto;
}




#kopfbereich {
  background-color: #006600;
  padding: 20px;
}




#inhalt {
  background-color: #006600;
  height: 800px;
  margin-right: 250px;
  padding: 20px;
}




#inhalt2 {
  background-color: #006600;
  margin-top:394px;
  width: 250px;
  height: 400px;
  font: 120% Verdana, Arial, Verdana, Helvetica, sans-serif;
}




#steuerung {
  background:url(steuerung.jpg);
  float: right;
  width: 250px;
  height: 400px;
  font: 120% Verdana, Arial, Verdana, Helvetica, sans-serif;
}




</style>




</head>
<body  text="#000000"  bgcolor="#CCCCCC"  link="#000000" 
alink="#000000"  vlink="#000000">




 <div id="seite">




  <div id="kopfbereich">
     <img  src="logo.jpg" border="0" width="950" />
  </div>




  <div id="steuerung">
  wudi wudi wuuu wo biste?
      <div id="inhalt2">
        <b>Test</b>
      </div>
  </div>




  <div id="inhalt">
<table  border="1"> 
   <tr> 
     <td>
       <td  bgcolor="#FFFFFF">     
<b>Besucherz&auml;hler:</b><br />
<script language="javascript">
var data, p;
var agt=navigator.userAgent.toLowerCase();
p='http';
if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(document.referrer) + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent)
if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};
document.write('<a href="" >');
document.write('<img border=0 hspace=0 '+'vspace=0 src="http://www.netzaehler.de/counter.php?i=6393' + data + '"> </a>');
</script><br><a href="http://www.netzaehler.de" target="_blank"><font face="tahoma" size="1" color="#dddddd"></font></a>
       </td>
     </td> 
   </tr> 
</table>




<br />
  <b>
Hallo, und ein herzliches Willkommen!
<br />
<br />
Diese Homepage hat kein wirkliches Oberthema,
<br />
<br />
es ist eine bunte Mischung aus allem was mir so einf&auml;llt!
  </b>




<a  href="http://www.youtube.com/watch?v=M61euZg5aSg"  target="_blank">
 <img  src="historymaker.jpg" align="middle" alt="History Maker" />
</a>
  </div>




</body>
</html>

Alles anzeigen

Ich habe einfach den "Inhalt2" in die "Steuerung" geschachtelt, und einen

Abstand zum "Header" gemacht,

das hat jetzt 2 coole Effekte,

1. Es sieht ganz nett aus

2. Ich weiss jez das ich CSS Schachteln kann

Jetzt versuche ich mal auf einer neuen Seite ein Design mit Tabellen zu

basteln

Hier nochmal der Link:

http://letthton.blackapplehost.com/Hauptseite/index.html

Gruß

Basti

Basti · 11. März 2009

so lustig is das jez aber nich O.o^^

Basti · 11. März 2009

Ja alles schön und gut, klappt auch alles, ob ichs jez mit "Gimp" mach oder mit dem Generator.

Nur hätte ich da ein Problem, mein "Provider" erlaubt den Dateityp nich

Basti · 11. März 2009

Hallo,
das mag mein erster Beitrag sein,
doch das zeugt finde ich davon das bis jetzt alles geklappt hat

Und zwar habe ich folgendes (naja es ist nicht direkt ein Problem):

Ich habe mir das hier zusammengebastelt:

http://letthton.blackapplehost.com/Hauptseite/index.html

Das Design ist, unschwer zu erkennen, ein Viereck, allerdings fehlt unten
rechts ein Stück, daran zu erkennen das dieses besagte Stück in der Hintergrundfarbe (hellgrau, #CCCCCC) gefärbt ist...

Nun wollte ich dort allerdings eine grüne Fläche erstellen, sodass es ein ausgefülltes Viereck ergibt, und ich dort einen 2. Inhalt erstellen kann,

ich hab mein Glück einfach mal irgendwie versucht, hmm, naja, ging nich^^
Das hier ist der Code:

Code

<head>
<style type="text/css">
body {
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}




* {
  margin:0;
  padding:0;
}




#seite {
  width:1000;
  margin: 20 auto;
}




#kopfbereich {
  padding: 20px;
  background-color: #006600;
}




#inhalt {
  background-color: #006600;
  height: 1000px;
  margin-right: 250px;
  padding: 20px;
}




#steuerung {
  float: right;
  width: 250px;
  height: 375px;
  background:url(steuerung.jpg);
  font: 120% Verdana, Arial, Verdana, Helvetica, sans-serif;
}




#inhalt2 {
  background-color: #006600;
  float: right;
  width: 250px;
  height: 625px;
}




</style>




</head>
<body  text="#FFFFFF"  bgcolor="#CCCCCC"  link="#000000" 
alink="#000000"  vlink="#000000">
 <div id="seite">
  <div id="kopfbereich">
     <img  src="logo.jpg" border="0" width="950" />
  </div>




  <div id="steuerung">
  wudi wudi wuuu wo biste?
  </div>




  <div id="inhalt">
     Gestern war hier noch n Bild xD
  </div>







</div>
</body>
</html><div align="center"><br />
  <a href="http://www.blackapplehost.com" target="_blank">Free Web Hosting</a> by BlackAppleHost.com</div>

Alles anzeigen

Hinweise:
Bis jetzt ist das Design in einen Headbereich, einen Inhalt, und eine Steuerung geteilt.

Code

"wudi wudi wuuu wo biste?"

Hilft mir im Moment einfach das die Steuerung angezeigt wird.

Und das hier ist halt mein "Problemfall":

Code

#inhalt2 { 
  background-color: #006600; 
  float: right; 
  width: 250px; 
  height: 625px; 
}

Ich kann mir vorstellen das das auch komplett falsch ist^^

Dann korrigiert mich bitte

Noch ein Hinweis:
Jaja, ich weiss, CSS immer in ner einzelnen Datei...^^
Hab ich jez grad nunmal net, mach ich halt später, da ich im Moment eh nur experimentier,
und wie das in einer ausgelagerten (heisst doch so oder?) Datei funktioniert muss ich mir nochmal durchlesen.

Jetzt hoffe ich erst einmal auf schnelle, gezielte Hilfevorschläge,

Gruß

Basti

Beiträge von Basti

Rahmen einfärben?

Rahmen einfärben?

Frage zur.. ich nenn es jetzt mal Aufstellung

Frage zur.. ich nenn es jetzt mal Aufstellung

Bilchdchen in der Adressleiste

Frage zur.. ich nenn es jetzt mal Aufstellung

Frage zur.. ich nenn es jetzt mal Aufstellung

Frage zur.. ich nenn es jetzt mal Aufstellung

Goldene Regeln für schlechtes HTML

Bilchdchen in der Adressleiste

Frage zur.. ich nenn es jetzt mal Aufstellung