Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.06.2012 um 07:44 (UTC)    
Titel: Textfeld automatisch verbreitern

Hallo zusammen,

ich habe ein kleines Problem.
Jede meiner Seiten auf meiner Homepage wird mit einem nicht sichtbaren Bild verbreitert. Es gibt also die Breite des Textfeldes an.

Ich habe aber gemerkt, dass der Abstand zwischen dem Balken über dem Textfeld, dem Bild ("Spacer") und dem eigentlichen Seiteninhalt uneinheitlich ist.
Je nach Seiteninhalt unter dem Spacer ist der Abstand unterschiedlich.

So sieht also das Ganze aus:



Da die Abstände aber wie gesagt unregelmäßig sind, möchte ich gerne das Bild auf allen Unterseiten entfernen und die Breite des Textfeldes automatisch vorgeben.

Mein Design ist BLUEWORLD von Omba.de.tl und es basiert auf das Iceblue-Design.

Das ist mein "Text über dem Design":

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

/* Copyright by www.omba.de.tl */

td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }

body {
background-color:#D4D4D4;
background-image:url();
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#00537e;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#00537e;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#7fa9fd;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#D4D4D4;
height: 200px;
background-image:url(http://img.webme.com/pic/m/minifiguren/header.png);
background-repeat:no-repeat;
border:0px solid #fffffff; }

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

/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:left;
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/o/omba-test/leistworldoben.png);
border:0px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://img.webme.com/pic/o/omba-test/buttonnormalworld.png);
border:0px solid #7fa9fd; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://img.webme.com/pic/o/omba-test/buttonnormalworld_hover.png);
border:0px solid #7fa9fd; }

/* Textlinks in Navigation */
td.nav a {
color:#ffffff;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/o/omba-test/leistworldoben.png);
border:0px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/m/minifiguren/spacer.jpg);
border:1px solid #ffffff; }
width: 280px;

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#ffffff;
background-image:url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#ffffff;
background-image:url(); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:15px;
background-color:#ffffff;
background-image: url(http://img.webme.com/pic/o/omba-test/designby.png);
border:1px solid #ffffff; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
height: 29px;
background-image: url(http://img.webme.com/pic/o/omba-test/leistworldunten.png);
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#XXXXXX;
border:0px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:left;
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/o/omba-test/leistworldoben.png);
border:0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#48406d;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#b6dce0;
background-image: url();
border:0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

--> </style>

Welchen Code kann ich einfügen, um die Breite des Textfeldes auf so ca. 680 Pixel zu bekommen (ohne das Bild "Spacer" einfügen zu müssen)?

Danke im Vorraus,
Dominik
[/code]
Beiträge der letzten Zeit anzeigen:   


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