Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.12.2012 um 12:07 (UTC)    
Titel: Scrollbalken

Hallo Ihr Lieben!

Ich wollte euch fragen ob jemand weiß wie ich beim Textbreeich einen Scrollbalken hinbekommt?

http://www.loaditup.de/files/745461_78fep7hcaa.jpg


Der CSS Code:

Zitat:
/* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund hinter Design */
body {
background-color: #eeeeee;
background-image: url(http://www.loaditup.de/files/745254_6456uggqsx.jpg);
font-family: arial;
font-size: 14px;
color: #000000; }

/* Design-Container */
#container {
width: 962px;
margin: 10px auto;
overflow: hidden; }

/* Headerfeld 960 x 120 */
#header_container {
width: 960px;
height: 268px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/b/biggisfamilien/header.jpg);
border: 1px solid #8A0886; }

/* Titel im Headerfeld entfernt */
h1#header {display: none; }

/* Feld der Navigation */
#nav_container {
width: 960px;
height: 40px;
margin-bottom: 10px;
background-color: #F3F781
background-image: url(http://www.loaditup.de/files/745254_6456uggqsx.jpg);
border: 1px solid #8A0886 ; }

/* Titel über Navigation entfernt */
#nav_heading {display: none; }

/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }

/* Navi-Buttons */
li.nav_element {
width: 120px;
height: 40px;
float: left;
text-align: center;
border-right: 1px solid #B404AE;
background-color: #B404AE;
background-image: url(); }

/* Hover Navi-Button */
li.nav_element:hover { background-color: #8A0886; }

/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: #FFFFFF;
line-height: 40px;
text-decoration: none; }

/* Hover Linktexte Navigation */
li.nav_element a:hover { color: #FFFFFF; }

/* Seiteninhalt */
#content {
float: left;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #8A0886;
overflow: hidden; }

/* Titel Seiteninhalt + Titel über Box */
h2#title , #sidebar_heading {
padding: 5px 0px 5px 20px;
margin: -20px -20px 15px -20px;
background-color: #B404AE;
color: #FFFFFF;
font-size: 14px;
font-weight: normal; }

/* Link im Seiteninhalt */
#content a {color: #8A0886; }

/* Hover Link im Seiteninhalt */
#content a:hover {color: #FF00BF; }

/* Rechte Box */
#sidebar_container {
float: right;
width: 200px;
min-height: 250px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #8A0886;
overflow: hidden; }

/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }

/* Linktexte in Box */
#sidebar_content ul li a {
color: #000000;
font-size: 14px;
text-decoration: none; }

/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }

/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 0px 20px;
margin: auto;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/b/biggisfamilien/footer.jpg);
border: 1px solid #B404AE; }

/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
Beitrag02.12.2012 um 12:18 (UTC)    
Titel:

entferne bei: #content das "min-height:200px;" und füge mal das hier ein:

height: 500px;

das müsste einen Scrollbalken erzeugen
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag02.12.2012 um 13:02 (UTC)    
Titel: Funktioniert nicht!

Hey, leider Funktioniert das nicht
Beitrag02.12.2012 um 21:52 (UTC)    
Titel:

Hallo,

zuerst mal: "Geht nicht" ist keine Fehlerbeschreibung Wink

Zu deinem Problem:
Du findest in dem Code, den du oben gepostet hast, diesen Block hier:
Zitat:
/* Seiteninhalt */
#content {
float: left;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #8A0886;
overflow: auto; }

Das rote löschen.
Hier kannst du die Höhe einstellen (Angabe in px), dies hier musst du aber noch ändern.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag03.12.2012 um 06:13 (UTC)    
Titel: Hey Danke

Ich muss mich echt mal bei euch Bedanken und euch Loben!

Auch ein Riesen dank an den Homepage-Bauksaten für eure guten Service Smile

DANKE
Beitrag20.03.2013 um 02:01 (UTC)    
Titel: Scrollbalken im Textfeld! Wie?

Ich habe alles versucht aber es hat nichts geholfen! Wie kann ich hier einen Scrollballcken im Texfeld machen?

<style type="text/css">
<!--

/* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px;}

/* Hintergrund hinter Design */
body {
background-color: #FFFFFF;
font-family: arial;
color: #000000; }

/* Werbung mittig */
table[height="102"] {margin: 0 auto; }

/* Design mittig */
table.edit_main_table {width: 921px; margin: 0 auto;}

/*Titel im Header entfernen*/
td.headline {visibility: hidden; }

/* Header */
td.edit_header_full{
background-image:)
background-repeat: no-repeat; }

/* Titel Navigation*/
td.edit_navi_headbg {
background-image: url();
height: 50%;}

/* Feld hinter Navi */
td.edit_below_nav {
background-image: url();
height: 50%; }

td.edit_below_nav img { display:none; }
td.nav_heading { display:none; }
td.edit_main_tr { height: 50%; }

/* Navi Button */
td.nav {
background-image: url(http://img.webme.com/pic/a/about-pc/nav_beige.png); }

/* Hover Button */
td.nav:hover {
background-color: #d7dcc0;
background-image: url(); }

/* Link in Navi */
td.nav a {
color: #343434;
text-decoration: none;
font-size: 13px; }

/* Hoverlink Navi */
td.nav a:hover{
color: #202020;
text-decoration: overline underline;
font-size: 13px; }

td.nav a:visited {
color: #343434;
font-size: 13px; }

/* Seiteninhalt Link */
td.edit_content a {
color: navy;
font-size: 13px;
text-decoration: none;}

/* Seiteninhalt Hoverlink *
td.edit_content a:hover {
color: orange;
font-size: 13px;
text-decoration: none; }

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url(); }

/* Textformatierung */
div, td, b, span {
font-size:13px;
color: #343434; }

td.headline2{visibility:hidden;}

td.edit_rechts_cbg{
height: 50%;
background-image: url(); }

td.edit_content_top {visibility: hidden; }
td.edit_content_bottom {background-image: url(); }
td.edit_content_bottom2 {background-image: url(); }

td.edit_rechts_sbg {display:none;}
td.headline2 { text-align: center;}

/* Titel über Boxen */
td.sidebar_heading{
background-image: url(http://img.webme.com/pic/a/about-pc/nav_beige.png);
height: 33px;
color: #343434;
border-right: 1px solid #bdc1a3; }

/* Inhalt Boxen */
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
border-right: 1px solid #bdc1a3;
border-bottom: 1px solid #bdc1a3;
border-left: 1px solid #bdc1a3; }

td.edit_rb_footer{
background-image: url();
height: 5px}

td.edit_rechts_bottom{
background-image: url();
height: 50%;}

-->
</style>

<style type="text/css">
<!--

/* Feld um Bild */
.bildbox {
width:120px;
float: left;
text-align: center;
padding: 10px;
margin: 10px;
background-color: #dddddd;
border: 1px solid #565656;
border-radius: 5px;}

/* Text unter Bild */
.bildbox p {
font-size:10px!important;
font-family:arial;
color: #000000;
margin-top: 10px; }

/* Linkgroesse unter Bild */
.bildbox p a {
font-size:10px!important;
text-decoration: underline;}

/* verkleinerte Bild */
.bild {
width: 120px;
height: 90px;
border: 1px solid #FFFFFF;}

-->
</style>



<style type="text/css">
<!--
.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
-->
</style>
<style type="text/css">
<!--
/*Name Website*/
td.headline{;visibility:hidden;}

-->
</style>
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de