linke tabelle

Held · 27. April 2009

hi
habe links ausen eine tab erstelt

tier
autos
usw

und man die dann anklickt dann kommt da bei mir immer fehler muss ich da für dann ne neue i-net seite erstellen oder wie geht das

so das man z.b auto ankilgt und dann ein text kommt

und wie geht das das wenn man nur drauf fähr das das dann in einer andren farbe kommt ??

YetiZwerg · 27. April 2009

schick doch mal din Code, dann können wir dir leichter helfen

Held · 27. April 2009

<td width="175" bgcolor="CCE5FF" valign="top" > Inhalt 1 </td> <td width="175" bgcolor="CCE5FF" > Inhalt 1 </td> <td width="175" bgcolor="CCE5FF" > Inhalt 1 </td> <td width="175" bgcolor="CCE5FF" > Inhalt 1 </td> <td width="175" bgcolor="CCE5FF" > Inhalt 1 </td> </tr> </table>

<tr>

<ul>

<a href="#index.htm"><li> Startseite</li> </a><a href="#autos.htm"><li> autos </li></a>

<a href="#tunig.htm"><li> tunig </li></a>

<a href="#impressum.htm"><li> impressun</li> </a>

</td>

</td>

</body>
</html>

so weit binn ich is halt irgend was

so ich hätte nun gerne wenn man z.b auf auto klickt das dann rechts ein text kommt

oder auf shop das da ein andrer text kommt.

und wie macht man das wenn man da rüber fährt das das so aufleuchtet oder halt die tabspalte stat blau dann grau wird und wenn man wieder weg geht das die dann wieder blau ist.

NeoAramis · 27. April 2009

Was Du meinst ist die Pseudoklasse Hover. Dies musst Du aber mit CSS machen. Wie ich aber sehe verwendest Du es nicht.

Kennst Du Dich mit CSS aus? So weiss ich wie ich Dir helfen kann.

Held · 27. April 2009

ne noch nett erst die woche damit angefangen

aber wie geht das mit dem index und so was

das wenn man auf start seite klickt da kommt die beschreibung

wenn man auf auto klickt kommt ein text von autos auf der rechten seite wie geht das
???

NeoAramis · 27. April 2009

Du meinst sehr wahrscheinlich Frames. Aber vergiss das sofort wieder --> ist nämlich veraltet. Auch das mit den Tabellen musst du sofort wieder vergessen. Ich meine so wie du die Struktur erstellt hast. Tabellen nur brauchen, wenn du auch wirklich Daten tabellarisch darstellen willst.

Nun lerne den CSS-Teil aus diesem Seminar und folgendes Seminar: <a class="postlink" href="http://www.css-seminar.de/">http://www.css-seminar.de/</a>. CSS musst du unbedingt beherrschen wenn du eine Website erstellen willst.

Held · 27. April 2009

ok ich werds mal versuchen

aber durt habe ich doch auch wieder das prob wenn ich eine leiste erstel und ich dann drauf klick das da dann was kommt und nicht weis??

lauras · 27. April 2009

Am besten, du arbeitest das Seminar hier mal von oben bis unten komplett durch, dann lernst du das alles. Geht viel schneller, als wenn man für jede Kleinigkeit nachfragen muss.

YetiZwerg · 28. April 2009

ich war mal so frei und habe dir was erstellt...
schau es dir an und versuch es zu verstehen...

Du kannst den Code gerne übernehmen...

index.htm

HTML

<!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" xml:lang="de" lang="de">




<head>
    <title>Titel</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="YetiZwerg" />
    <meta name="keywords" content="" />




    <link href="style.css" type="text/css" rel="stylesheet" />
</head>




<body>
<div id="wrapper">
 <div id="header">
    <img src="HealyHudsonsubBanner.jpg" alt="Header" />
 </div>
 <div id="content">
  <div id="navi1">
        Inhalt 1&nbsp;|&nbsp;Inhalt 1&nbsp;|&nbsp;Inhalt 1&nbsp;|&nbsp;Inhalt 1
  </div>
  <div id="navi2">
        <br />
        <a href="index.htm">Startseite</a>      <br />
        <a href="autos.htm">autos</a>           <br />
        <a href="tunig.htm">tunig</a>           <br />
        <a href="shop.htm">shop</a>             <br />
        <a href="impressum.htm">impressun</a>   <br />




        <hr />




        <script src="http://www.gamertime.de/stream.js"></script>
  </div>
  <div id="inhalt"><br />
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
  </div>
 </div>
  <div id="footer">&copy; by ...</div>
</div>
</body>
</html>

Alles anzeigen

style.css

Code

#wrapper{
    width: 1055px;
    font-family: Arial;
}
#header{
    width: 100%;
    height: 150px;
}
#content{
    width: 100%;
    min-height: 600px;
}
#navi1{
    width: 100%;
    background-color: #CCE5FF;
}
#navi2{
    width: 158px;
    background-color: #CCE5FF;
    position: fixed;
    text-align: left;
    min-height: 600px;
    float: left;
    padding-left: 5px;
}
#inhalt{
    width: auto;
    min-height: 600px;
    margin-left: 165px;
    text-align: left;
    float: right;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}




img{
    border: none;
}
a:link {color:#000000; text-decoration:none}
a:visited {color:#000000; text-decoration:none}
a:active {color:#000000; text-decoration:none}
a:hover {color:#000000; text-decoration:underline}

Alles anzeigen

viel Spass mim Code und viel Erfolg für deine Seite...

mkG YetiZwerg

YetiZwerg · 28. April 2009

Zitat von "Held"

ok ich werds mal versuchen

aber durt habe ich doch auch wieder das prob wenn ich eine leiste erstel und ich dann drauf klick das da dann was kommt und nicht weis??

dafür solltest du etwas PHP können, da du dann die Inhalte einfach je nach Klick einfügen kannst...

Ich kann dir da Behilflich sein, doch lerne erst css...

Es ist wichtiger die Matiere zu vertsehen, als gleich ne HP online zu haben..

Held · 28. April 2009

danke du bist echt nett

mach ich ja auch ich hatte auch nicht for onlien zustellen

:wink:

aber wenn ich jetztz.b auf auto klick dann kommt da wieder firefox feler

was muss man machen das das nett kommt und das wenn ich da drauf klick ein text kommt ??

ich kapp das einfach nett aber ich schau jetzt erst mal css durch

deathfighter · 28. April 2009

1. Zu der Frage: Du musst für jeden Link eine neue html-Seite erstellen sofern du keine Sprachen wie PHP oder Javascript beherrschst.
Eine heißt dann autos.htm die nächste tunig.htm (<-- Keine Ahnung was tunig sein soll... meinst du tuning? ) usw.. Diese füllst du dann mit Unterschiedlichem Inhalt.

2. Kannst du mir nen Gefallen tun? Es ist echt schwer deine Beiträge zu lesen. Ich hätte mal Vorschläge:
1) Drück nicht gleich Absenden sondern schau dir deinen Beitrag nochmal an.

2) Benutz Satzzeichen, wenigstens Punkt und Fragezeichen.

3) Achte auf die Rechtschreibung! Solltest du nicht so gut in der Rechtschreibung sein, kannst du dir ein Wörterbuch für den Firefox runterladen. Dann erkennst du die Fehler besser.

So das war es fürs erste.

Held · 28. April 2009

ok sry mach ich in zukunft.

YetiZwerg · 28. April 2009

du verlinkst in deinem Code auf andere Seiten, die sich im selben Verzeichnis befinden MÜSSEN, wie deine index.htm...

Erstell für jeden Punkt in deiner Navi je eine Seite, die bis auf den Inhalt gleich ist...

dann geht das... wenn du weiter bist, dann kannst du das ganze mit PHP machen, das wäre jetzt aber viel zu kompliziert...

Held · 28. April 2009

Ok hmm ich bin gerade am css dran aber wie ist das Grundgerüst?

Oder kann mir jemand zeigen z.b nur das die Schrieft großer wird+Grundgerüst.

Da steht auf so na Seite aber das geht nett....

lauras · 28. April 2009

Lernst du jetzt HTML oder CSS?

Mal im Ernst, das ist ja schön und gut dass du hier nen fertigen Code kriegst, aber hast du das auch verstanden?

Wäre es da nicht einfacher, das ganze selbst zu machen, zwecks Lerneffekt?

Also ich lern dabei ehrlich gesagt gar nix.

YetiZwerg · 28. April 2009

Zitat von "lauras"

Mal im Ernst, das ist ja schön und gut dass du hier nen fertigen Code kriegst, aber hast du das auch verstanden?

Wäre es da nicht einfacher, das ganze selbst zu machen, zwecks Lerneffekt?

es ist dafür gedacht, dass er den Code zu verstehen sucht und ihn nicht einfach kopiert...

Ich persönlich lerne so lieber...
Ich möchte Code sehen um ihn zu verstehen...

lauras · 28. April 2009

Ja schon, aber wenn er noch nicht mal weiß, wie die Verlinkung funktioniert, und dass man dabei eine neue Seite erstellen muss, bezweifle ich ehrlich gesagt, dass er den Code versteht.

So ein paar Grundlagen, z.B. auch das Grundgerüst nach dem er fragt sollten schon vorhanden sein.

YetiZwerg · 28. April 2009

man sollte das Seminar KOMPLETT durchgearbeitet und verstanden haben, bevor man sich an ne eigene Seite macht (meine Meinung)

Held · 29. April 2009

ja ich weis habe habe es jetzt auch rausgefunden.

was ist da falsch das bild zeig es garnicht an ??

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<title>Titel</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (<a class="postlink" href="http://www.scriptly.de">http://www.scriptly.de</a>)" />

<link href="style.css" type="text/css" rel="stylesheet" />

<style type="text/css">

</style>

<div id="navi">
<ul> <li>hüner</li>
<li>hennen</li>
</ul>
</div>

<div id="inhalte">
hüner hünerhünerhünerhünerhünerhüner
</div> </div>

</head>

<body>

</body>
</html>

linke tabelle

Jetzt mitmachen!

Teilen