Scrolleiste in der Mitte der Seite....
#1
Hallöchen, meinereins hat auf div. Seiten gesehn das die Scrolleiste so ziemlich in der mitte der HP war.
Jetzt wollte ich mal wissen wie man sowas macht.

Ja Ja.... ich nerv schon wieder *gg*

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
#2
Hallo Alex,

das geht mit einem I-frame, oder mit CSS "overflow", siehe hier...

http://www.juergens-workshops.de/tutoria...=cssframes

Gruß
Jürgen
Zitieren
#3
Reicht es wenn ich nur den CSS in den Head Bereich Einfüge????
Oder anders Formuliert, was muss in eine BESTEHENDE SEITE Rein???

Hier mal ein "kleiner Codeschnipsel" der Seite die ich mir gedacht habe:
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">
<body bgcolor="#CCCCCC" topmargin="40">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
    <td height="61" valign="top">
      <table bgcolor="#FFFFFF" width="100%" cellspacing="0" cellpadding="3" border="0">
        <tr>
          <td height="222" align="center" valign="top" class="tabtex">
            <table width="600" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="13%"><div align="center">
                    

HOME</p>
                  </div></td>
                <td width="18%"><div align="center">
                    

BASTEL ARTIKEL</p>
                  </div></td>
                <td width="21%"><div align="center">
                    

THERMO ARTIKEL</p>
                  </div></td>
                <td width="15%"><div align="center">
                    

PC UND SAT</p>
                  </div></td>
                <td width="19%"><div align="center">
                    

35&euro;--&gt;400.000&euro;</p>
                  </div></td>
                <td width="14%"><div align="center">
                    

KONTAKT</p>
                  </div></td>
              </tr>
            </table>
           </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
#4
Hallo Alex,

das mußt Du so machen, wie im WS beschrieben. CSS im Head und was im Beispiel im Body ist, kommt in einem deiner TD' rein.

Gruß
Jürgen
Zitieren
#5
muss der css im body stehen........... oder kann ich den so wie die anderen per link einfügen?????

Werde mich dann mal durchkämpfen

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
#6
Hallo Alex,

Zitat:muss der css im body stehen...........

Der soll im HEAD :wink:

Wenn Du es als externes Stylesheet einbinden willst,- warum nicht.
Gruß
Jürgen
Zitieren
#7
oupppsssss........... leichte tippfehler.


hab aber gerade generkt das ich die tabelle ja gar nicht auf 80% ziehen kann.
Dann nützt mir das nix, soll ja so aussehen wie der Code oben von der Optik.
Will mal hoffen du Verstehst was ichgmeine

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
#8
Hi Alex,

aber sicher kannst Du die Größe der Tabelle ändern.

Zum testen mach doch mal folgendes:

Originalcode:
<table width="90%" border="0" align="center"

ändern auf...
<table width="300" border="0" align="center"

Originalcode:
<table width="600" border="0"

ändern auf...
<table width="300" border="0"

Dadurch hat die Tabelle eine Breite von 300 Pixel.
Das kannst Du auch mit Prozentangaben machen ist aber nicht empfehlenswert, weil auch die User mit einer 600 x 800er Auflösung berücksichtigt werden sollten. Prozentangaben sind relativ, weil Du nicht weisst, welche Bildschirmauflösung der Besucher hat.
Eine Breite von 780 Pixel ist OK, sieht aber mit einem 19er, oder 21er Monitor mit entsprechend hoher Auflösung verloren aus.

Gruß
Jürgen
Zitieren
#9
So ich nochmal..... bin vom Thema I-Frame abgekommen. Big Grin

Arrow Hab jetzt aber andere Frage.
Das CSS Menü, das auf deiner HP im CSS Workshop ist (Horizontales Menü) läuft bei mir irgendwie nicht.
Hier kannst du das Ergebniss mal ansehen.

Der Quellcode für das CSS ist der gleiche wie in deinem Workshop.

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
#10
Hallo Alex,

Du mußt auch im Menü " <td class="td"> " angeben, sonst wird ja die Klasse nicht geladen. Steht auch so im WS-Quelltext.
Wenn in der CSS das ist:
td {
border:1px solid #800000;
background-color:#E0E0E0;
width:120px;
text-align: center;
}

Also muß auch dort, wo sich das CSS auswirken soll, die Klasse hin. Automatisch geht's nicht :wink:

Gruß
Jürgen
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Link zeigt nicht die volle Seite an fritz11 17 3.337 20.07.2008, 10:58
Letzter Beitrag: fritz11
  Links auf einer Seite in unterschiedlichen Farben Ebba 7 1.973 16.09.2007, 10:56
Letzter Beitrag: Ebba
  Seite als imagemap? Gravenhorst 6 1.227 07.09.2007, 13:56
Letzter Beitrag: Jürgx
  Seite teilweise verschwunden - Hilferuf Marilu 10 2.505 19.07.2007, 16:24
Letzter Beitrag: Georg Ruf
  Seite wird nicht angezeigt Siegmund 2 1.377 04.07.2007, 17:37
Letzter Beitrag: Siegmund
  zurück auf letzte Seite - wie geht das ? Seramis 6 1.828 08.04.2007, 17:58
Letzter Beitrag: iswohlnix
  Google findet Seite nicht Kellerassel 3 1.380 17.09.2006, 12:51
Letzter Beitrag: Hippo
  Seite mit Passwort sichern Ebba 4 3.739 18.05.2006, 11:03
Letzter Beitrag: Ebba
  Downloads in Seite einbinden ? Sycks 11 2.903 10.04.2006, 21:12
Letzter Beitrag: Niela
  Frontpage 2000 / Seite wird nicht angezeigt Marilu 5 2.132 14.09.2004, 09:55
Letzter Beitrag: Marilu