• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scollbalken unten

Status
Für weitere Antworten geschlossen.

Trompedo

Neues Mitglied
Hallo,

kann ich einen Scollbalken nur unten verhindern aber an der rechten Seite erlauben? Wenn ja dann wie?
 
Ich habe bei meiner Website das gleiche Problem.
Möchte auch den Scrollbalken rechts bei der Navigation habenn. In welchem Tag muss ich den bereits genannten Code platzieren ?
 
Ich habe bei meiner Website das gleiche Problem.
Möchte auch den Scrollbalken rechts bei der Navigation habenn. In welchem Tag muss ich den bereits genannten Code platzieren ?

der kommt so wie er ist einfach in den Head-Bereich rein, dann gilt er für die ganze Seite. Wenn dt die Style-Tags schon nutzt lässte du sie hier einfach weg und nimmst nur das dazwischen noch rein.
 
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="navigation.css">
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
img {border:0px;}
</style> 

</head>
<body background="buttonfarbverlauf.jpg">


<br>
<a href="2.html" target="mitte.html"><img src="2.png" /></a>
<br>
<a href="3.html" target="mitte.html"><img src="3.png" /></a>
<br>
<a href="4.html" target="mitte.html"><img src="4.png" /></a>
<br>
<a href="5.html" target="mitte.html"><img src="5.png" /></a>
<br>
<a href="6.html" target="mitte.html"><img src="6.png" /></a>
<br>
<a href="7.html" target="mitte.html"><img src="7.png" /></a>
<br>
<a href="9.html" target="mitte.html"><img src="9.png" /></a>
<br>
<a href="10.html" target="mitte.html"><img src="10.png" /></a>
<br>
<a href="remote.html" target="mitte.html"><img src="Gästebuch.png" /></a>
<br>
<a href="http://578049.guestbook.onetwomax.de" target="mitte.html"><img src="Gästebuch.png" /></a>
<br>
<a href="newsletter.html" target="mitte.html"><img src="newsletter.png" /></a>
<br>
<a href="impressum.html" target="mitte.html"><img src="impressum.png" /></a>
<br>
</body>
</html>
 
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="navigation.css">
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
html {overflow-x:hidden;}
body {margin-right:28px;}
img {border:0px;}
</style> 

</head>
<body background="buttonfarbverlauf.jpg">


<br>
<a href="2.html" target="mitte.html"><img src="2.png" /></a>
<br>
<a href="3.html" target="mitte.html"><img src="3.png" /></a>
<br>
<a href="4.html" target="mitte.html"><img src="4.png" /></a>
<br>
<a href="5.html" target="mitte.html"><img src="5.png" /></a>
<br>
<a href="6.html" target="mitte.html"><img src="6.png" /></a>
<br>
<a href="7.html" target="mitte.html"><img src="7.png" /></a>
<br>
<a href="9.html" target="mitte.html"><img src="9.png" /></a>
<br>
<a href="10.html" target="mitte.html"><img src="10.png" /></a>
<br>
<a href="remote.html" target="mitte.html"><img src="Gästebuch.png" /></a>
<br>
<a href="http://578049.guestbook.onetwomax.de" target="mitte.html"><img src="Gästebuch.png" /></a>
<br>
<a href="newsletter.html" target="mitte.html"><img src="newsletter.png" /></a>
<br>
<a href="impressum.html" target="mitte.html"><img src="impressum.png" /></a>
<br>
</body>
</html>
 
Es erscheint jedoch immer noch keine Scrollbar !

Ausserdem möchte ich einen Abstand zwischen den Buttons und einen
hover - Effekt.

Hier meine .css Datei:

Code:
body {
.floating-images-middle
float: right;
margin: 0 0 10px 10px;
clear: right;
}

#hauptnavi {list-style-type: none; margin:0.5em;padding-left:0.5em;}

#hauptnavi a {background-image: buttonfarbverlauf.jpg; display: block;margin-bottom: 5px; padding: 3px 10px; widdth: 99%;}

html>body #hauptnavi a {width: 12em; }


#navicontainer {width:8em;}
#hauptnavi a {text-decoration:none;}
#hauptnavi a {background-image: url(buttonfarbverlauf.jpg);
a:hover { background-image:url('buttonfarbverlauf2.jpg'); }
Es funktioniert jedoch nicht !
Der IE zeigt die Abstände jedoch im Gegensatz zum SeaMonkey an !
Wenn ich nur die Navigation (Frame) im SeaMonkey anschaue, ist die Ansicht korrekt.
Der IE zeigt die Abstände jedoch viel grösser an !
 
Zuletzt bearbeitet:
Hallo,

kann ich einen Scollbalken nur unten verhindern aber an der rechten Seite erlauben? Wenn ja dann wie?

... sicher geht das!

Ich programmiere meine Webseiten gerne mit Layern und setze dann denn Text innerhalb des Layers. Dann bekommt der Layer eine feste Größe und ein overflow und schon scrollt nur die rechte Seite.

Mit einem zusätzlichen Script, kann man dann dem Scrollbalken noch eine Farbe geben. Das mit der Farbe vergeben funktioniert aber nur im IE.

Wenn es hilft, hier der Script:

<div id="inhalt" style="position:absolute; left:356; top:190; width:590; height:357; z-index:4; overflow: auto;">

-> Inhalt der Website!!!

</div>


Und hier der Script für die Farbe des Scrollbalken:

Code:
<style>
body
{SCROLLBAR-FACE-COLOR: #FEEBB3; 
SCROLLBAR-HIGHLIGHT-COLOR: #FEEBB3; 
SCROLLBAR-SHADOW-COLOR: #013147; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #0131470; 
SCROLLBAR-TRACK-COLOR: #FEEBB3; 
SCROLLBAR-DARKSHADOW-COLOR: #FEEBB3}
</style>

Mit besten Grüßen Boof

... sicher geht das! ...

... einen kleinen Zusatz habe ich noch - habe den eben vergessen. Ich wollte meinen Beitrag halt nicht mehr ändern. Innerhalb des Layers gehört noch eine Tabelle mit einer festen Größe, die aber logischer weise schmaler sein muss als die des Layers.

... und innerhalb dieser Tabelle gehört dann der Inhalt der Website!

So, jetzt habe ich aber nichts mehr vergessen!!
Viele Grüße Boof
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben