+- 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)
Scrolleiste in der Mitte der Seite.... - Bonzai - 17.03.2004
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*
Scrolleiste in der Mitte der Seite.... - Jürgen - 17.03.2004
Hallo Alex,
das geht mit einem I-frame, oder mit CSS "overflow", siehe hier...
http://www.juergens-workshops.de/tutorial/css/index.php?show=cssframes
Gruß
Jürgen
Scrolleiste in der Mitte der Seite.... - Bonzai - 17.03.2004
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€-->400.000€</p>
</div></td>
<td width="14%"><div align="center">
KONTAKT</p>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>Scrolleiste in der Mitte der Seite.... - Jürgen - 17.03.2004
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
Scrolleiste in der Mitte der Seite.... - Bonzai - 17.03.2004
muss der css im body stehen........... oder kann ich den so wie die anderen per link einfügen?????
Werde mich dann mal durchkämpfen
Scrolleiste in der Mitte der Seite.... - Jürgen - 17.03.2004
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
Scrolleiste in der Mitte der Seite.... - Bonzai - 17.03.2004
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
Scrolleiste in der Mitte der Seite.... - Jürgen - 18.03.2004
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
Scrolleiste in der Mitte der Seite.... - Bonzai - 21.03.2004
So ich nochmal..... bin vom Thema I-Frame abgekommen.
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.
Scrolleiste in der Mitte der Seite.... - Jürgen - 21.03.2004
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