Juergens-Workshops.de Forum
Scrolleiste in der Mitte der Seite.... - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Scrolleiste in der Mitte der Seite.... (/showthread.php?tid=19022)

Seiten: 1 2 3

Scrolleiste in der Mitte der Seite.... - Bonzai - 21.03.2004

Muss das so stehen????
Zitat:Du mußt auch im Menü " <td class="td"> " angeben
Meinereins hat es so.....
Code:
<td width="16%" height="20" class="td">
                  <p align="center">[url=index.htm]HOME[/url]</p></td>


Scrolleiste in der Mitte der Seite.... - Jürgen - 21.03.2004

Hallo,

im Head füge das ein:

<link rel=stylesheet href="http://www.deineDomain.de/navi.css" type="text/css">

Das "deineDomain" mußt Du nur noch anpassen.

Gruß
Jürgen

Scrolleiste in der Mitte der Seite.... - Bonzai - 22.03.2004

Muss das als externer Link stehen???? ich hab die Cerlinkung zu den CSS Wwie mit einen .img Linkg eingefügt. Sprich auf einen Ordner.

Scrolleiste in der Mitte der Seite.... - Hulot - 22.03.2004

Hallo
Zitat:[...] Muss das als externer Link stehen ?[...]
Kann, muß nicht.
Zitat:[...] ich hab die Cerlinkung zu den CSS Wwie mit einen .img Linkg eingefügt. [...]
Warum schreibst Du hier nicht den Code? Ist besser als jede Beschreibung. :wink:

Gruß Hulot

Scrolleiste in der Mitte der Seite.... - Bonzai - 22.03.2004

Damit Hulot zufrieden ist..... hier de Ganze Code der Website
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SE VI GE.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   </head>
<link href="css/scrolbar.css" rel="STYLESHEET" title="Scrolbar" type="text/css">
<link href="css/text.css" rel="STYLESHEET" title="Text" type="text/css">
<link href="css/navi.css" rel="STYLESHEET" title="navi" type="text/css">
<body bgcolor="#CCCCCC" topmargin="40">
<table width="90%" height="414" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
    <td height="412" valign="top">
      <table width="100%" height="412" border="0" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td height="412" align="center" valign="top">
            <table width="96%" border="0" cellspacing="1" cellpadding="0">
              <tr valign="middle">
                <td width="16%" height="20"class="td">
                  <p align="center">[url=index.htm]HOME[/url]</p></td>
                <td width="16%" height="20" class="td">
                  <p align="center">[url=bastel.htm]BASTEL ARTIKEL[/url]</p></td>
                <td width="16%" height="20" class="td">
                  <p align="center">[url=thermo.htm]THERMO ARTIKEL[/url]</p></td>
                <td width="16%" height="20" class="td">
                  <p align="center">[url=pc.htm]PC UND SAT[/url]</p></td>
                <td width="16%" height="20" class="td">
                  <p align="center">[url=35.htm]35&euro;--&gt;400.000&euro;[/url]</p></td>
                <td width="16%" height="20" class="td">
                  <p align="center">[url=kontakt.htm]KONTAKT[/url]</p></td>
              </tr>
            </table>
            

            <table width="96%" height="382" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="309" valign="top">
                  <blockquote>
                    <p align="center">PC</p>
                    </blockquote></td>
              </tr>
            </table></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>


Scrolleiste in der Mitte der Seite.... - Hulot - 22.03.2004

Hallo Bonzai
Zitat:[...] Damit Hulot zufrieden ist. [...]
Wegen mir brauchste das nicht machen! Ich weiß bestimmt was Besseres zu tun als Dir hier auf die Sprünge zu helfen ...

Besser so:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" href="css/scrolbar.css">
<link rel="STYLESHEET" type="text/css" href="css/text.css">
<link rel="STYLESHEET" type="text/css" href="css/navi.css">
<title>SE VI GE.de</title>
</head>
...
...
...
Was wolltest Du eigentlich mit title="navi" bezwecken? Hab ich da irgendwas beim CSS verpaßt?

Gruß Hulot

Scrolleiste in der Mitte der Seite.... - Bonzai - 22.03.2004

Zitat:Warum schreibst Du hier nicht den Code? Ist besser als jede Beschreibung.

Deswegen, hab ich gemeint DAS HULOT zufrieden ist.
Soll auch nicht irgendwie negativ oder angreifend sein.
Wenn es so Rüberkam dann SORRY.

TITEL="navi" hat sich im Dreamweaver so aufgedrängt *gg*

Scrolleiste in der Mitte der Seite.... - Hulot - 22.03.2004

Zitat:Wenn es so Rüberkam dann SORRY.
Kein Problem.
Ich konnte ja nicht wissen, dass Du direkt den ganzen Seitencode bringst, da Jürgen nur von dem Headcode sprach:
Zitat:Jürgen schrieb:

im Head füge das ein:

<link rel=stylesheet href="http://www.deineDomain.de/navi.css" type="text/css">
Das, was ich Dir da geschrieben habe, ist W3C-konform und erfühlt voll seinen Zweck. Den Headbereich mit Metas noch etwas attraktiver (z.B. für Tante Google) zu machen, ist wieder ne andere Baustelle. Wink

Gruß Hulot

Scrolleiste in der Mitte der Seite.... - Bonzai - 23.03.2004

Kann es sein das sich der Text.css und der Navi .css nicht vertragen??? Irgendwie haut das nämlich noch immer nicht hin.

Hier mal der Code der CSS
Text.css
Code:
a:aktive {font-family:Verdana,Arial;font-size:8pt;color:blue;font-weight:normal;text-decoration:none;line-height:12pt;}

a:hover {font-family:Verdana,Arial;font-size:8pt;color:Red;text-decoration:none;line-height:12pt;}

body,p {font-family:Verdana,Arial;font-size:8pt;color:black;line-height:12pt;}

a  {font-family:Verdana,Arial;font-size:8pt;color:maroon;text-decoration : none;line-height :12pt;}

.tabtex  {font-family:Verdana,Arial;font-size:9pt;color:black;line-height :12pt;}

.menu  { font-family:Verdana,Arial;font-size:8pt;color:black;}

.head  { font-family:Verdana,Arial;font-size:9pt;color:black;line-height:12pt;}

Code Navi.css
Code:
#links {
width: 120px;
border-collapse:collapse;
}

#links a {
display: block;
background: #E0E0E0;
color: #000080;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;
width: 120px;
}

#links a:hover {
background-color: lightblue;
color: blue
}

.td {
border:1px solid #800000;
background-color:#E0E0E0;
width:120px;
text-align: center;
}


Scrolleiste in der Mitte der Seite.... - Jürgen - 23.03.2004

Hallo Alex,

in der text.css kannst Du die gesamten Zeilen
a: aktive
a: hover
und
a
getrost löschen.

Im Prinzip reicht nur eine CSS-Datei, in der das Menü, sowie auch angaben zum Body gemacht werden.
Für Überschriften und Tabelleninhalt können auch wieder Klassen angelegt werden.
Beispiel: Du benennst das CSS "mein.css"

Code:
#links {
width: 120px;
border-collapse:collapse;
}

#links a {
display: block;
background: #E0E0E0;
color: #000080;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;
width: 120px;
}

#links a:hover {
background-color: lightblue;
color: blue
}

.td {
border:1px solid #800000;
background-color:#E0E0E0;
width:120px;
text-align: center;
}

body {
margin : 10px;
font-family : Verdana, Arial, sans-serif;
font-size : 13px;
color : #000000;
background : #ffffff;
}

Außerdem kannst Du doch mal selber damit üben. Also das eine CSS nicht im Head verlinken, dann würdest Du ja das Ergebnis sehen.

Gruß
Jürgen