CSS in HTML ?!

driver

selfhtml is super.... für css überblick is http://www.css4you.de auch nicht übel...

Sooo hab mir jetzt mal ein klein bisschen css beigebracht (ich lern natürlich noch mehr aber nur mal ne kurze zwischen bilanz):
Ich habe mir jetzt ungefähr die daten gecodet wie meine HP ungefähr aussehen soll(also die Farben werden natürlich noch anders und so)Aber wie krieg ich jetzt mein Menü in die linke Box rein??
Hier der Code:

HTML

<html><head>
<style type="text/css">


 div  {background-color:#efefef;border:1px solid #aaaaaa;}


 #a
 {
  position:absolute;
  top:30px; left:280px;
  width:600px; height:60px;
 }




 #b
 {
  position:absolute;
  top:100px; left:280px;
  width:600px; height:450px;
 }


 #c


 {
  position:absolute;
  top:30px;  left:100px;
  width:171px; height:520px;
 }


</style>


<title>Irgendein Titel</title>
</head><body>




<div id="a">Text</div>
<div id="b">Text</div>
<div id="c">Text</div>
</body></html>

Alles anzeigen

driver

öhm... da wo text steht einfach reinschreiben ?

so ... kennst ja hoffentlich

stimmt mist bin ich blöd

Danke Driver und ihr alle für die tolle Hilfe !

Wenn meine Seite fertig ist Sag ich euch Bescheid!!!

Lol schon wieder ne Frage:
Wenn ioch den Code jetzt im Browser ausprobier dann kommen da grauen abstände zwischen jedem Item im Menü:

HTML

<html><head>
<style type="text/css">
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}


#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}


#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}


#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }


#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}






 div  {background-color:#efefef;border:1px solid #aaaaaa;}


 #a
 {
  position:absolute;
  top:30px; left:280px;
  width:600px; height:60px;
 }




 #b
 {
  position:absolute;
  top:100px; left:280px;
  width:600px; height:450px;
 }


 #c


 {
  position:absolute;
  top:30px;  left:100px;
  width:171px; height:520px;
 }


</style>


<title>Irgendein Titel</title>
</head><body>




<div id="a"><center><p class="cool">Das ist der Banner Bereich !</p>
</center></div>
<div id="b"><center><p class="cool">Hier kommt die Information rein !</p></center> </div>
<div id="c"><div id="navcontainer">
<ul id="navlist">
<li id="active">[url='#']Item one[/url]
[*][url='www.gmx.de']GMX[/url]
[*][url='www.robsite.de']Programier Seite[/url]
[*][url='www.Witze-welt.de']WitzeWelt[/url]
[*][url='Ich.html']Über mich[/url]
[/list]
</div></div>
</body></html>

Alles anzeigen

Martin279

^^Hab mich mal schnell angemeldet

CHoTlMaL

Die tauchen auch nur im IE auf, im FF sind keine da. Hast du den Code selbst gebastelt oder von einer Seite kopiert?

Übrigens: Wenn du auf andere EXTERNE Seiten linkst, darfst du das http:// davor nicht vergessen

Martin279

also bis auf das Menü (die verlinkungen)habe ich alles selbst gemacht!
Was meinst du mit FF und IE ???Wie muss der Code den jetzt aussehen ??

driver

öhm.. aber auf der hp ises noch net, od a?

19Eike91

...mit IE und FF meinte er die verschiedenen Explorer.
Der standard 'Internet Explorer' (IE) und Mozilla FireFOX (FF). Da es verschiede Explorer sind und verschiedene html-codes, oder wie ich des jetzt sagen soll, benutzen auch die jeweilige seite anders angezeigt wird.

19Eike91

Tags