kostenloser Webspace werbefrei: lima-city


Breite des Forum

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    jwolff

    Kostenloser Webspace von jwolff, auf Homepage erstellen warten

    jwolff hat kostenlosen Webspace.

    Guten Abend, die Damen. Ach die Herren nicht zu vergessen :)

    Ich habe folgendes Problem:
    Das Forum ist vieeeel zu breit für meinen Geschmack (Meines)

    Da habe ich mir den CSS Code angesehen und frage mich nun: "Wo in 3 Teufels Namen steht die Allgemein Breite des Forum´s ??"

    Da ich es nicht finden konnte frage ich einfach mal hier...

    Wo finde ich in folgendem CSS Code die Breite ??

    body {
    	background: #efefef;
    	color: #000;
    	text-align: center;
    	line-height: 1.4;
    	
    	font-family: Verdana, Arial, Sans-Serif;
    	font-size: 13px;
    }
    
    a:link {
    	color: #026CB1;
    	text-decoration: none;
    }
    
    a:visited {
    	color: #026CB1;
    	text-decoration: none;
    }
    
    a:hover, a:active {
    	color: #000;
    	text-decoration: underline;
    }
    
    #container {
    	width: 95%;
    	background: #fff;
    	border: 1px solid #e4e4e4;
    	color: #000000;
    	margin: auto auto;
    	padding: 20px;
    	text-align: left; /* IE 5 fix */
    }
    
    #content {
    	/* FIX: Make internet explorer wrap correctly */
    	width: auto !important;
    }
    
    .menu ul {
    	color: #000000;
    	font-weight: bold;
    	text-align: right;
    	padding: 4px;
    }
    
    .menu ul a:link {
    	color: #000000;
    	text-decoration: none;
    }
    
    .menu ul a:visited {
    	color: #000000;
    	text-decoration: none;
    }
    
    .menu ul a:hover, .menu ul a:active {
    	color: #4874a3;
    	text-decoration: none;
    }
    
    #panel {
    	background: #efefef;
    	color: #000000;
    	font-size: 11px;
    	border: 1px solid #D4D4D4;
    	padding: 8px;
    }
    
    table {
    	color: #000000;
    	font-family: Verdana, Arial, Sans-Serif;
    	font-size: 13px;
    }
    
    .tborder {
    	background: #81A2C4;
    	width: 100%;
    	margin: auto auto;
    	border: 1px solid #0F5C8E;
    }
    
    .thead {
    	background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
    	color: #ffffff;
    }
    
    .thead a:link {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .thead a:visited {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .thead a:hover, .thead a:active {
    	color: #ffffff;
    	text-decoration: underline;
    }
    
    .tcat {
    	background: #ADCBE7;
    	color: #000000;
    	font-size: 12px;
    }
    
    .tcat a:link {
    	color: #000000;
    }
    
    .tcat a:visited {
    	color: #000000;
    }
    
    .tcat a:hover, .tcat a:active {
    	color: #000000;
    }
    
    .trow1 {
    	background: #f5f5f5;
    }
    
    .trow2 {
    	background: #EFEFEF;
    }
    
    .trow_shaded {
    	background: #ffdde0;
    }
    
    .trow_selected td {
    	background: #FFFBD9;
    }
    
    .trow_sep {
    	background: #e5e5e5;
    	color: #000;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    .tfoot {
    	background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
    	color: #ffffff;
    }
    
    .tfoot a:link {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .tfoot a:visited {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .tfoot a:hover, .tfoot a:active {
    	color: #ffffff;
    	text-decoration: underline;
    }
    
    .bottommenu {
    	background: #efefef;
    	color: #000000;
    	border: 1px solid #4874a3;
    	padding: 10px;
    }
    
    .navigation {
    	color: #000000;
    	font-size: 13px;
    	font-weight: bold;
    }
    
    .navigation a:link {
    	text-decoration: none;
    }
    
    .navigation a:visited {
    	text-decoration: none;
    }
    
    .navigation a:hover, .navigation a:active {
    	text-decoration: none;
    }
    
    .navigation .active {
    	color: #000000;
    	font-size: small;
    	font-weight: bold;
    }
    
    .smalltext {
    	font-size: 11px;
    }
    
    .largetext {
    	font-size: 16px;
    	font-weight: bold;
    }
    
    input.textbox {
    	background: #ffffff;
    	color: #000000;
    	border: 1px solid #0f5c8e;
    	padding: 1px;
    }
    
    textarea {
    	background: #ffffff;
    	color: #000000;
    	border: 1px solid #0f5c8e;
    	padding: 2px;
    	font-family: Verdana, Arial, Sans-Serif;
    	line-height: 1.4;
    	font-size: 13px;
    }
    
    select {
    	background: #ffffff;
    	border: 1px solid #0f5c8e;
    }
    
    .editor {
    	background: #f1f1f1;
    	border: 1px solid #ccc;
    }
    
    .editor_control_bar {
    	background: #fff;
    	border: 1px solid #0f5c8e;
    }
    
    .autocomplete {
    	background: #fff;
    	border: 1px solid #000;
    	color: black;
    }
    
    .autocomplete_selected {
    	background: #adcee7;
    	color: #000;
    }
    
    .popup_menu {
    	background: #ccc;
    	border: 1px solid #000;
    }
    
    .popup_menu .popup_item {
    	background: #fff;
    	color: #000;
    }
    
    .popup_menu .popup_item:hover {
    	background: #C7DBEE;
    	color: #000;
    }
    
    .trow_reputation_positive {
    	background: #ccffcc;
    }
    
    .trow_reputation_negative {
    	background: #ffcccc;
    }
    
    .reputation_positive {
    	color: green;
    }
    
    .reputation_neutral {
    	color: #444;
    }
    
    .reputation_negative {
    	color: red;
    }
    
    .invalid_field {
    	border: 1px solid #f30;
    	color: #f30;
    }
    
    .valid_field {
    	border: 1px solid #0c0;
    }
    
    .validation_error {
    	background: url(images/invalid.gif) no-repeat center left;
    	color: #f30;
    	margin: 5px 0;
    	padding: 5px;
    	font-weight: bold;
    	font-size: 11px;
    	padding-left: 22px;
    }
    
    .validation_success {
    	background: url(images/valid.gif) no-repeat center left;
    	color: #00b200;
    	margin: 5px 0;
    	padding: 5px;
    	font-weight: bold;
    	font-size: 11px;
    	padding-left: 22px;
    }
    
    .validation_loading {
    	background: url(images/spinner.gif) no-repeat center left;
    	color: #555;
    	margin: 5px 0;
    	padding: 5px;
    	font-weight: bold;
    	font-size: 11px;
    	padding-left: 22px;
    }
    
    /* Additional CSS (Master) */
    img {
    	border: none;
    }
    
    .clear {
    	clear: both;
    }
    
    .hidden {
    	display: none;
    	float: none;
    	width: 1%;
    }
    
    .float_left {
    	float: left;
    }
    
    .float_right {
    	float: right;
    }
    
    .menu ul {
    	list-style: none;
    	margin: 0;
    }
    
    .menu li {
    	display: inline;
    	padding-left: 5px;
    }
    
    .menu img {
    	padding-right: 5px;
    	vertical-align: top;
    }
    
    #panel .links {
    	margin: 0;
    	float: right;
    }
    
    .expcolimage {
    	float: right;
    	width: auto;
    	vertical-align: middle;
    	margin-top: 3px;
    }
    
    img.attachment {
    	border: 1px solid #E9E5D7;
    	padding: 2px;
    }
    
    hr {
    	background-color: #000000;
    	color: #000000;
    	height: 1px;
    	border: 0px;
    }
    
    #copyright {
    	font: 11px Verdana, Arial, Sans-Serif;
    	margin: 0;
    	padding: 10px 0 0 0;
    }
    
    #debug {
    	float: right;
    	text-align: right;
    	margin-top: 0;
    }
    
    blockquote {
    	border: 1px solid #ccc;
    	margin: 0;
    	background: #fff;
    	padding: 4px;
    }
    
    blockquote cite {
    	font-weight: bold;
    	border-bottom: 1px solid #ccc;
    	font-style: normal;
    	display: block;
    	margin: 4px 0;
    }
    
    blockquote cite span {
    	float: right;
    	font-weight: normal;
    }
    
    blockquote cite span.highlight {
    	float: none;
    	font-weight: bold;
    	padding-bottom: 0;
    }
    
    .codeblock {
    	background: #fff;
    	border: 1px solid #ccc;
    	padding: 4px;
    }
    
    .codeblock .title {
    	border-bottom: 1px solid #ccc;
    	font-weight: bold;
    	margin: 4px 0;
    }
    
    .codeblock code {
    	overflow: auto;
    	height: auto;
    	max-height: 200px;
    	display: block;
    	font-family: Monaco, Consolas, Courier, monospace;
    	font-size: 13px;
    }
    
    .subforumicon {
    	border: 0;
    	vertical-align: middle;
    }
    
    .separator {
    	margin: 5px;
    	padding: 0;
    	height: 0px;
    	font-size: 1px;
    	list-style-type: none;
    }
    
    form {
    	margin: 0;
    	padding: 0;
    }
    
    .popup_menu .popup_item_container {
    	margin: 1px;
    	text-align: left;
    }
    
    .popup_menu .popup_item {
    	display: block;
    	padding: 3px;
    	text-decoration: none;
    	white-space: nowrap;
    }
    
    .popup_menu a.popup_item:hover {
    	text-decoration: none;
    }
    
    .autocomplete {
    	text-align: left;
    }
    
    .subject_new {
    	font-weight: bold;
    }
    
    .highlight {
    	background: #FFFFCC;
    	padding: 3px;
    }
    
    .pm_alert {
    	background: #FFF6BF;
    	border: 1px solid #FFD324;
    	text-align: center;
    	padding: 5px 20px;
    	font-size: 11px;
    }
    
    .red_alert {
    	background: #FBE3E4;
    	border: 1px solid #A5161A;
    	color: #A5161A;
    	text-align: center;
    	padding: 5px 20px;
    	font-size: 11px;
    }
    
    .high_warning {
    	color: #CC0000;
    }
    
    .moderate_warning {
    	color: #F3611B;
    }
    
    .low_warning {
    	color: #AE5700;
    }
    
    div.error {
    	padding: 5px 10px;
    	border-top: 2px solid #FFD324;
    	border-bottom: 2px solid #FFD324;
    	background: #FFF6BF;
    	font-size: 12px;
    }
    
    div.error p {
    	margin: 0;
    	color: #000;
    	font-weight: normal;
    }
    
    div.error p em {
    	font-style: normal;
    	font-weight: bold;
    	padding-left: 24px;
    	display: block;
    	color: #C00;
    	background: url('images/error.gif') no-repeat 0;
    }
    
    div.error.ul {
    	margin-left: 24px;
    }
    
    .online {
    	color: #15A018;
    }
    
    .offline {
    	color: #C7C7C7;
    }
    
    .pagination {
    	font-size: 11px;
    	padding-top: 10px;
    	margin-bottom: 5px;
    }
    
    .tfoot .pagination, .tcat .pagination {
    	padding-top: 0;
    }
    
    .pagination .pages {
    	font-weight: bold;
    }
    
    .pagination .pagination_current, .pagination a {
    	padding: 2px 6px;
    	margin-bottom: 3px;
    }
    
    .pagination a {
    	border: 1px solid #81A2C4;
    }
    
    .pagination .pagination_current {
    	background: #F5F5F5;
    	border: 1px solid #81A2C4;
    	font-weight: bold;
    }
    
    .pagination a:hover {
    	background: #F5F5F5;
    	text-decoration: none;
    }
    
    .thread_legend, .thread_legend dd {
    	margin: 0;
    	padding: 0;
    }
    
    .thread_legend dd {
    	padding-bottom: 4px;
    	margin-right: 15px;
    }
    
    .thread_legend img {
    	margin-right: 4px;
    	vertical-align: bottom;
    }
    
    .forum_legend, .forum_legend dt, .forum_legend dd {
    	margin: 0;
    	padding: 0;
    }
    
    .forum_legend dd {
    	float: left;
    	margin-right: 10px;
    }
    
    .forum_legend dt {
    	margin-right: 10px;
    	float: left;
    }
    
    .success_message {
    	color: #00b200;
    	font-weight: bold;
    	font-size: 10px;
    	margin-bottom: 10px;
    }
    
    .error_message {
    	color: #C00;
    	font-weight: bold;
    	font-size: 10px;
    	margin-bottom: 10px;
    }
    
    .post_body {
    	padding: 5px;
    }
    
    .post_content {
    	padding: 5px 10px;
    }
    
    .quick_jump {
    	background: url('images/jump.gif') no-repeat 0;
    	width: 13px;
    	height: 13px;
    	padding-left: 13px; /* amount of padding needed for image to fully show */
    	vertical-align: middle;
    	border: none;
    }


    Über 600 Zeilen lang sry :/

    Mfg
    Jwolff
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. t****o

    Hier:
    .tborder {
    	background: #81A2C4;
    	width: 100%;
    	margin: auto auto;
    	border: 1px solid #0F5C8E;
    }

    Du musst dir die HTML mit angucken. Bei width kannst du die Breite verändern.

    MfG
    telelo
  4. Autor dieses Themas

    jwolff

    Kostenloser Webspace von jwolff, auf Homepage erstellen warten

    jwolff hat kostenlosen Webspace.

    Ahh danke :)

    Englisch kann ich allerdings noch ganz gut nur bei 600 Zeilen und keinerlei Erfahrung mit css sieht man sowas nicht :P

    *hust*

    Ich muss mich berichtigen.
    Du hast mich nur auf den richtigen Weg gebracht.

    #container {
    	width: 60%;
    	background: #fff;
    	border: 1px solid #e4e4e4;
    	color: #000000;
    	margin: auto auto;
    	padding: 20px;
    	text-align: left; /* IE 5 fix */
    }


    Ist die richtige stelle.

    Beitrag zuletzt geändert: 30.8.2009 20:35:34 von jwolff
  5. #container {
    	width: 95%;
    	background: #fff;
    	border: 1px solid #e4e4e4;
    	color: #000000;
    	margin: auto auto;
    	padding: 20px;
    	text-align: left; /* IE 5 fix */
    }

    Mit width kannst du die Breite bestimmen.

    @telelo
    Das trifft dann nur auf Tabellen zu, die ganze Seite ist in einem div mit der ID "container" gefasst.
  6. t****o

    Achso ok ich dachte nur an die Tabelle mit der die Foren dargestellt sind:wink:
  7. Autor dieses Themas

    jwolff

    Kostenloser Webspace von jwolff, auf Homepage erstellen warten

    jwolff hat kostenlosen Webspace.

    tct schrieb:
    #container {
    	width: 95%;
    	background: #fff;
    	border: 1px solid #e4e4e4;
    	color: #000000;
    	margin: auto auto;
    	padding: 20px;
    	text-align: left; /* IE 5 fix */
    }

    Mit width kannst du die Breite bestimmen.

    @telelo
    Das trifft dann nur auf Tabellen zu, die ganze Seite ist in einem div mit der ID "container" gefasst.


    Auch wenn tele mich auf den falschen Weg geführt hat hab ich´s dadurch selbst herrausgefunden :P

    Dann direkt die nächste frage...
    Wie kann ich den Header in der mitte anzeigen lassen allerdings alles andere links Zentriert ?

    Beitrag zuletzt geändert: 30.8.2009 20:38:53 von jwolff
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!