Button und Layout

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Button und Layout

Beitrag von moni »

Du hast bestimmt den Code nicht in den css eingefügt ( ist sehr wichtig!! )

Habe deine Leiste fertig gemacht ... http://blicke1.npage.de/_navi-katharina.html

und du machst folgendes....
lösche alles was du in den heder Bereich hast und füge das rein

Code: Alles auswählen

<style type="text/css">
<!--
h1 {
  font-family: Times New Roman;
  font-size: 24px;
  color: #000000;
}
h2 {
  font-family: Times New Roman;
  font-size: 20px;
  color: #000000;
}
body {
 font-family: Times New Roman;
 font-size: 16px;
 color:#000000;
 text-align: left;
}
a:link {
 font-family: Times New Roman;
 color:#111111;
 font-size:16px;
 text-decoration:underline;
}
a:visited {
 font-family: Times New Roman;
 color:#111111;
 font-size:16px;
 text-decoration:none;
}
a:active {
 font-family: Times New Roman;
 color:#111111;
 font-size:16px;
 text-decoration:none;
}
a:hover {
 font-family: Times New Roman;
 color:#696969;
 font-size:16px;
 text-decoration:underline;
}
A.menulink:link, A.menulink:visited, A.menulink:active {
            display: block;
            width: 131px;
            height:46px;
            line-height:42px;
            margin-bottom: 1px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS ,sans-serif;
            font-size: 18px;
            color:#000000;
            background-color:transparent;
            background-image: url(http://file1.npage.de/010642/27/bilder/unbeschrifteter_button_weisser_rahmen.png);
            background-repeat: no-repeat;


    }
    A.menulink:hover {

             color:#A10000;
            background-color:transparent
    }
=-->
</style>
und das ist die HTML Tabelle wo dein navi abzurufen ist ...

Code: Alles auswählen

 <table align="left" border="0">
                                     <tbody>
                                     <tr>
                                      <tbody>
                                     <tr>
                                     <td><a class="menulink" href="#">Link</a></td></tr>
                                     <tr>
                                     <tr>
                                     <td><a class="menulink" href="#">Link</a></td></tr>
                                     <tr>
                                     <tr>
                                     <td><a class="menulink" href="#">Link</a></td></tr>
                                     <tr>


                                     </tr></tbody>
                                     </table>
Die tust auf deine Text Seite wo sie hin gehört...

Du kannst auch deine Tabelle in den sitwide Bereich (unten) geben ..und so kannst sie an allen Seite sehen ....
Viele Grüße ...Monika
Benutzeravatar
Kathrina
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1591
Registriert: Do 3. Nov 2011, 13:13
Mein Vorname: Kathrina
Kontaktdaten:

Re: Button und Layout

Beitrag von Kathrina »

Danke vielmals :DA
Wenn du das jetzt noch schaffst die anstatt untereinander, nebeneinander zu bringen bin ich glücklich?..gg
Habs in der Testpage mal vorerst auf sidewite gemacht.

http://petrashomepage.npage.de/


PS: wie hast du das orangene Bildchen bei diesem Link rein bekommen?
http://blicke1.npage.de/_navi-katharina.html
Lieben Gruß von Kathrina
https://kreativegrafiken.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Button und Layout

Beitrag von moni »

Hier ist das Horizontale Modell ...

Code: Alles auswählen

 <table align="center" border="0">
                                     <tbody>
                                     <tr><td><a class="menulink" href="#">link</a></td>
                                     <td><a class="menulink" href="#">link</a></td>
                                     <td><a class="menulink" href="#">link</a></td>
                                     <td><a class="menulink" href="#">link</a></td></tr>
                                     </tbody>
                                     </table>
PS: wie hast du das orangene Bildchen bei diesem Link rein bekommen?
http://blicke1.npage.de/_navi-katharina.html
was meinst du damit ??? welchen Bild ist hier gemeint...etwas die runden transparenten was vorher hier waren ?
Viele Grüße ...Monika
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste