Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.01.2010 um 16:48 (UTC)    
Titel: CSS: Content (Textfeld) zurecht rücken?

Hey Leute!
ICh wollte euch fragen ob ihr vielleicht mein Design etwas abändern könnt, denn der Text geht durch das Design durch.

Könnt ihr helfen? Hier mein Design:

Code:
<div id="Dein_Design"></div><style type="text/css"><!-- /* Copyright by Werbe-Blog.de.tl */ div.header {display: none;} #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} * { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 1024px;} body { background-image: none; font-family: arial,verdana; font-size:12px; color:#000000; background-color: #ff0000;} div{ font-family: arial,verdana; font-size:12px; color:#000000;} content farbe a{ color:#000000; font-size: 25px; text-decoration: none;} a:hover { color:#000080; font-size: 25px; text-decoration: none;} a:link { color: #000080; font-size: 12px; text-decoration: none;} a:active { color:#000080; font-size: 12px; text-decoration: none;} a:visited { color:#000080; font-size: 15px; text-decoration: none;} #Dein_Design { position: absolute; left: 50%; margin-left:-648px; width: 1024px; height: 768px; background-image:url(http://www.bilder-space.de/upload/09.087KWV9kdas6Wn5By.jpg); background-repeat: no-repeat;} #content{ position: absolute; left: 50%; top: 450px; margin-left:-355px; width: 716px; height: 611px; color: #000000; background-image:url(); background-repeat: no-repeat; border: 0px solid #000000; overflow: auto;} #sidebar_container {display: none;} #nav_container {font-weight: bold;font-size: 12px; color:#2ba6f9; position:relative; left: 45%; top: 140px; margin-left:-360px; width:718px; height: 100px; background-image: url();} #nav_heading { background-color: ; width:2px; height:33px; display:inline; float:left; margin:0px;} ul#nav {list-style-type:none; margin: 0; padding: 8px 0 0 0; height:35px; background-image: url(); background-repeat:no-repeat; display:inline;} * html ul#nav { top: -1px;} #nav li {display: block; float: left; height: 35px; background-image: url(); background-repeat: no-repeat; margin: 8px 0 0 0; padding: 8px 0 0 0;} * html #nav li { margin-top: -7px; padding-top: 7px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:white; margin:0 20px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:#ffcc00; } a{ color:#000000; text-decoration: none; font-size:13px;} a:hover { color: #ffffff !important; font-size: 13px; text-decoration: underline;} a:link { color: #xxxxxx !important; font-size: 13px; text-decoration: none;} a:active { color: #ffffff; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} #counter {display: none;} li.nav_element{ list-style-type: none; border: 0px; width: 89,5px; height: 31px; text-align: center;} li.nav_element a{ display: block; width: 89,5px; height: 31px; margin: 0px; color: #000000; font-weight: bold; text-decoration: none; background-color: #xxxxxx; background-image: url(); background-repeat: no-repeat; padding-left: 0px; border: 1px solid #xxxxxx;} li.nav_element a:hover{ display: block; color: black; font-weight: bold; text-decoration: none; background-color:#xxxxxx; background-image: url(); background-repeat: no-repeat; border: 1px solid #xxxxxx;} --></style><script language="JavaScript" src="http://www.bilder-space.de/upload/09.087KWV9kdas6Wn5By.jpg"></script> <script language="JavaScript">rapidstats(88989);</script><noscript><a href="http://www.stats.de" target="_blank"> <img src="http://www.bilder-space.de/show.php?file=09.087KWV9kdas6Wn5By.jpg" border="0" alt=""></a></noscript>

<style type="text/css">
<!--
li#nav_eintrag1{display:none;}
li#nav_eintrag2{display:none;}
li#nav_eintrag3{display:none;}
li#nav_eintrag4{display:none;}
li#nav_eintrag5{display:none;}
li#nav_eintrag6{display:none;}
li#nav_eintrag7{display:none;}
li#nav_eintrag8{display:none;}
-->
</style>



Danke im Vorraus!
______________
Bei mir bekommt ihr Homepage Werbung UMSONST!
Los zu werbe-blog.de.tl!
_________________________________
GFX-Blog.de.tl! GFX Umsonst!


Zuletzt bearbeitet von werbe-blog am 05.01.2010, 22:58, insgesamt einmal bearbeitet
Beitrag05.01.2010 um 17:23 (UTC)    
Titel:

Hallo,
Ich habe dir mal den CSS Code leicht geändert:
Zitat:
<div id="Dein_Design"></div><style type="text/css"><!-- /* Copyright by Werbe-Blog.de.tl */ div.header {display: none;} #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} * { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 1024px;} body { background-image: none; font-family: arial,verdana; font-size:12px; color:#000000; background-color: #ff0000;} div{ font-family: arial,verdana; font-size:12px; color:#000000;} content farbe a{ color:#000000; font-size: 25px; text-decoration: none;} a:hover { color:#000080; font-size: 25px; text-decoration: none;} a:link { color: #000080; font-size: 12px; text-decoration: none;} a:active { color:#000080; font-size: 12px; text-decoration: none;} a:visited { color:#000080; font-size: 15px; text-decoration: none;} #Dein_Design { position: absolute; left: 50%; margin-left:-648px; width: 1024px; height: 768px; background-image:url(http://www.bilder-space.de/upload/09.087KWV9kdas6Wn5By.jpg); background-repeat: no-repeat;} #content{ position: absolute; left: 50%; top: 366px; margin-left:-640px; width: 1012px; height: 500px; color: #000000; background-image:url(); background-repeat: no-repeat; border: 0px solid #000000; overflow: auto;} #sidebar_container {display: none;} #nav_container {font-weight: bold;font-size: 12px; color:#2ba6f9; position:relative; left: 45%; top: 140px; margin-left:-360px; width:718px; height: 100px; background-image: url();} #nav_heading { background-color: ; width:2px; height:33px; display:inline; float:left; margin:0px;} ul#nav {list-style-type:none; margin: 0; padding: 8px 0 0 0; height:35px; background-image: url(); background-repeat:no-repeat; display:inline;} * html ul#nav { top: -1px;} #nav li {display: block; float: left; height: 35px; background-image: url(); background-repeat: no-repeat; margin: 8px 0 0 0; padding: 8px 0 0 0;} * html #nav li { margin-top: -7px; padding-top: 7px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:white; margin:0 20px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:#ffcc00; } a{ color:#000000; text-decoration: none; font-size:13px;} a:hover { color: #ffffff !important; font-size: 13px; text-decoration: underline;} a:link { color: #xxxxxx !important; font-size: 13px; text-decoration: none;} a:active { color: #ffffff; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} #counter {display: none;} li.nav_element{ list-style-type: none; border: 0px; width: 89,5px; height: 31px; text-align: center;} li.nav_element a{ display: block; width: 89,5px; height: 31px; margin: 0px; color: #000000; font-weight: bold; text-decoration: none; background-color: #xxxxxx; background-image: url(); background-repeat: no-repeat; padding-left: 0px; border: 1px solid #xxxxxx;} li.nav_element a:hover{ display: block; color: black; font-weight: bold; text-decoration: none; background-color:#xxxxxx; background-image: url(); background-repeat: no-repeat; border: 1px solid #xxxxxx;} --></style><script language="JavaScript" src="http://www.bilder-space.de/upload/09.087KWV9kdas6Wn5By.jpg"></script> <script language="JavaScript">rapidstats(88989);</script><noscript><a href="http://www.stats.de" target="_blank"> <img src="http://www.bilder-space.de/show.php?file=09.087KWV9kdas6Wn5By.jpg" border="0" alt=""></a></noscript>

<style type="text/css">
<!--
li#nav_eintrag1{display:none;}
li#nav_eintrag2{display:none;}
li#nav_eintrag3{display:none;}
li#nav_eintrag4{display:none;}
li#nav_eintrag5{display:none;}
li#nav_eintrag6{display:none;}
li#nav_eintrag7{display:none;}
li#nav_eintrag8{display:none;}
-->
</style>
Jetzt sollte alles wieder richtig angezeigt werden Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag05.01.2010 um 20:47 (UTC)    
Titel:

Danke, hat funktioniert =)

MFG
Marc
______________
Bei mir bekommt ihr Homepage Werbung UMSONST!
Los zu werbe-blog.de.tl!
_________________________________
GFX-Blog.de.tl! GFX Umsonst!
Beitrag05.01.2010 um 21:57 (UTC)    
Titel:

Kein Problem Wink
Danke für die Rückmeldung!

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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