Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.05.2009 um 21:36 (UTC)    
Titel: CSS Fragen

Hi,

ich habe ein CSS Design. So nun habe ich noch zwei Fragen:

1. Wie kann ich es anstellen, dass der Hintergrund meiner HP fixiert bleibt?
2. Wie kann ich es anstellen, dass das Textfeld in der MItte nur so lang ist, wie die rechten Boxen zusammen?

Bitte genaustens erklären, da ich noch ein Anfänger bin..
Beitrag30.05.2009 um 21:40 (UTC)    
Titel:

Zu 1.
Du musst den Hintergrund Code so verbessern:
Zitat:
body {
background-image: url(http://ig444.bplaced.net/background.jpg);
background-color: #000000;
background-attachment: fixed;}
Zu 2.
Ändere deinen Conten Code so um:
Zitat:
#content {
width: 640px;
height: 580px;
color: #000000;
background-color: #ffffff ;
margin: 0px 0px 0px 20px;
display: inline;
padding: 5px;
padding-bottom: 0px;
float: left;
overflow: auto;}
Muss noch die Höhe einstellen Wink

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag30.05.2009 um 21:42 (UTC)    
Titel:

Naja, war auch grad eine Antwort am schreiben, da ist mir wohl jemand zuvor gekommen....

Immer diese Mod's xD

Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag30.05.2009 um 21:48 (UTC)    
Titel:

Ok,

danke, aber jetzt ist da das Textfeld zeimlich lang geworden (http://www.kirmes-online.de.tl/Startseite.htm).

Wie bekomme ich also diesen weißen Streifen weg??
Beitrag30.05.2009 um 21:50 (UTC)    
Titel:

Zitat:
#content {
width: 640px;
height: 580px;
color: #000000;
background-color: #ffffff ;
margin: 0px 0px 0px 20px;
display: inline;
padding: 5px;
padding-bottom: 0px;
float: left;
overflow: auto;}



Kannst du 580px nit einfach durch eine kleiner Zahl ersetzen?

Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag30.05.2009 um 21:53 (UTC)    
Titel:

Das habe ich auch gemacht, aber dann war es zu klein...
Alo habe ich es wieder größer gemacht, so dass das Textfeld bsi zur 3 Box reicht, aber dann kommt wieder diese kahle Stelle zum Vorschein...
Beitrag30.05.2009 um 21:57 (UTC)    
Titel:

Dein Background-image ist zu gross - nehme ich an...

Confused
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag30.05.2009 um 22:03 (UTC)    
Titel:

Was mir auffällt ist, dass der weiße Bereich genauso groß wie das Textfeld ist...
Daurm glaube ich nicht, dass es am Hintergrund leigt...
Beitrag30.05.2009 um 22:50 (UTC)    
Titel:

Der Code für CSS-Code ohne Style-Tags lautet jetzt so:

Code:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}


body {
background-image: url(http://ig444.bplaced.net/background.jpg);
background-color: #000000;
background-attachment: fixed;}


p, div, b{
font-family: Sans-Serif;
font-size: 12px;
text-decoration: none;}


a{color : #131313;
font-size : 12px;
text-decoration : none;}


a:hover {
color : ##131313;
font-size : 12px;
text-decoration: none;}


a:active {color : #131313;
font-size : 12px;
text-decoration : none;}


* { padding: 0; margin: 0; }

#Giga {
margin : 0 auto;
margin-top: 0px;
margin-bottom: 10px;
width : 898px;
border: 2px solid #C0C0C0;
background-color: #E0EEEE;}


#Header {
background-image: url(http://img.webme.com/pic/k/kirmes-online/header2.jpg);

width: 748px;
height: 175px;
font-size: 20px;
color: #194E84;
float : left;
padding: 20px 0px 0px 150px;}
no-repeat;


#nav_container{
background-image: url(http://4b-designs.bplaced.net/Giga/navbar.png);
background-color: #E0EEEE;
height: 28px;
width: 858px;
float: left;
clear: both;
margin: -67px 20px 0px 20px;}


#top{
background-image: url(http://www.d78.de/images/1243716194rechts.png);
height: 14px;
width: 190px;
padding: 5px;
float: right;
font-weight: bold;
color: #1F242A;
margin-right: 20px;}

#Box{
background-color: #ffffff;
font-size: 12px;
padding: 5px;
padding-bottom: 0px;
width: 190px;
float: right;
margin-right: 20px;}

#bottom{
background-image: url(http://www.d78.de/images/1243716216rechtsunten.png);
height: 7px;
width: 200px;
float: right;
margin-right: 20px;
margin-bottom: 10px;}



#content_top{
width: 640px;
height: 14px;
background-image: url(http://www.d78.de/images/1243716236contentoben.png);
margin: 0px 0px 0px 20px;
display: inline;
font-weight: bold;
color: #1F242A;
padding: 5px;
float: left;}

#content {
width: 640px;

color: #000000;
background-color: #ffffff   ;
margin: 0px 0px 0px 20px;
display: inline;
padding: 5px;
padding-bottom: 0px;
float: left;
overflow: auto;}

#content_bottom {
width: 650px;
height: 7px;
background-image: url(http://www.d78.de/images/1243716254content_unten.png);
margin: 0px 0px 10px 20px;
display: inline;
float: left;}


#links{
width: 675px;
background-color: #E0EEEE;
margin: 43px 0px 0px 0px;
float: left;
overflow: none;}

#rechts{
width: 223px;
background-color: #E0EEEE;
margin: 43px 0px 0px 0px;
float: right;
overflow: none;}


#Footer{
width: 898px;
height: 20px;
background-image: url(http://4b-designs.bplaced.net/Giga/unten.png);
color: #000000;
text-align: center;
font-size: 11px;
clear: both;}

#counter{display:none}


Vielleicht ist da ein Fehler drinnen??
Beitrag01.06.2009 um 08:23 (UTC)    
Titel:

Weiß keiner eine weitere Lösung??
Beitrag01.06.2009 um 10:13 (UTC)    
Titel:

Ich sehe keinen weißen Streifen...
______________

Beitrag01.06.2009 um 11:41 (UTC)    
Titel:

Ich habe natürlich die Höhe und somit auch den Strefien entfernt weil es dann behindert ausschauen würde...

Bild mit Höhe:

Beitrag01.06.2009 um 21:57 (UTC)    
Titel:

Kann mir da echt keiner helfen??
Beitrag02.06.2009 um 09:20 (UTC)    
Titel:

Poste doch mal deinen kompletten Code (Text über dem Design, Text unter dem Design, CSS-Code).
______________

Beitrag02.06.2009 um 17:24 (UTC)    
Titel:

Text über dem Design:

Code:
<div id="Giga">
<div id="Giga">
<div id="Header"><font color="#3AA9CA"></font>
</div>

<div id="links">
<div id="content_top"> [subpage] </div> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>www.kirmes-online.de.tl</span></h1></div>
<div id="post_header"></div>
</div>



Text unter dem Design:

Code:
<div id="content_container">
<div id="pre_content"></div>
<div id="content">
<h2 id="title"><span> [subpage] </span></h2>

<strong><br />

</strong></div>

<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
<div id="content_bottom"></div></div><div id="rechts">
<div id="top"><center><font size="5"><font color="#FFFFFF"><font face="Tahoma"><u><b>Vote 4 Me</u></b></font></font></font></center></div>

<div id="Box"><font face="Tahoma"><font size="2"><center><b>Bitte votet für mich! Einfach nur auf die unteren Bildchen klicken. Fertig!
<br>Danke!</b>
<br>
<br><a href="http://www.4b-designs.com?in=13" target="_blank">4b-designs - Topliste</a>
<br>
<br><a href="http://www6.topsites24.de/ts/ts.cgi?klick=6&tl=Progress" target="_blank"><img src="http://img.webme.com/pic/p/progre-s-s/votten_button.png" alt="Hier gehts zur Topliste" border="0"></a>
<br>
<br><a href="http://kirmesparty.de.tl?in=1" target="_blank">Vote hier</a>
<br>
<br><a href="http://click.listinus.de/75234/" target="_blank"><img src="http://icon.listinus.de/75234/" alt="Listinus Toplisten" style="border: none;"></a>
<br>
<br><a href="http://click.listinus.de/75235/" target="_blank"><img src="http://icon.listinus.de/75235/" alt="Listinus Toplisten" style="border: none;"></a></center>
<br>
Auch Lust auf einen kostenlosen Toplisteneintrag? <a href="http://kirmes-online.de.tl/Topliste.htm"><font color="red"><font size="2"><b>Hier</b></a></font><font color="black"><font face="Tahoma"><font size="2"> gibt es einen!!</font></div>

<div id="bottom"></div>



<div id="top"><font color="red"><blink><font size="5"><font face="Tahoma"><b>Kirmesreporter gesucht!!!</b></font></font></font></blink> </div>

<div id="Box"><font size="2"><font face="Tahoma"> Hi,
<br>Du <b>interessierst dich für Kirmes</b>?
<br>Du besitzt eine eingermaßen gute <b>Digitalkamera</b>?
<br>Du bist <b>mindestens 14 Jahre</b> alt?
<br>Du kannst eingermaßen <b>Berichte schreiben</b>?
<br>Du suchst eine <b>kleine Nebenbeschäftigung in der Freizeit</b>?
<br>Und Du willst helfen, dass diese Seite noch besser wird?
<br>Dann bewirb dich als Kirmesreporter der Seite www.kirmes-online.de.tl.
<br>Mehr dazu erfahrt ihr <a href="http://kirmes-online.de.tl/%3Cblink%3EKirmesreporter-gesucht%3C-s-blink%3E.htm"><b><u><font color="red">hier</b></u></a>.</font></font></div>
<div id="bottom"></div>



<div id="top"><font size="5"><center><font color="#FFFFFF"><font face="Tahoma"><b>Links</font></font></font></b></center></div>

<div id="Box"><font color="#000000"><font face="Tahoma">Hier findest Du Links zu anderen Seiten, falls Du auch einen Link zu deiner Seite hier sehen willst, dann schaue doch <a href="http://kirmes-online.de.tl/Werbung-f.ue.r-deine-Homepage.htm"><u>hier</u></a> einmal nach.
<br>
<br><center><b>Noch keine Links eingetragen</b></center>
<br>
<br></font></font></div>
<div id="bottom"></div>



<div id="top"><font size="5"><center><font color="#FFFFFF"><font face="Tahoma"><b>Shoutbox</font></font></font></b></center></div>

<div id="Box"><center><script>
id="fabianhacker92"; // Mindestens 10 Zeichen

messages = 20; // maximale Nachrichtenanzahl (viele Nachrichten = viel Ladezeit)
refreshtime=5000; // Aktualisierungsgeschwindigkeit
message="orange"; // Farbe der Benutzernamen
mymessage="red"; // Farbe meiner Einträge

// Format
format ="<span ";
format+='alt="%h:%m Uhr,%day.%mon.%y" ';
format+='title="%h:%m Uhr,%day.%mon.%y" ';
format+='style="font-weight:bold;color:%c;">';
format+="%u</span>: %t";
/*
%u = User
%t = Text
%h = Hour, %m = Minute, %s = Second
%day = Day, %mon = Month, %y = Year
%c = Color ("message"-color ODER "mymessage"-color)
*/
</script>
<div id="tccb" style="border:1px solid black;width:190px;height:200px;overflow-y:scroll;font-size:13px">
</div>
<script type="text/javascript" src="http://www.firepanther.de/toolz/shoutbox/shoutbox.js"></script>
<form method=post onsubmit="saveData(); return false;">
<b>Name:</b><br><input id="tccb_name"><br><b>Nachricht:</b><br><input id="tccb_text"><br>
<input type="submit" value="Senden">
</form></center>
</div>
<div id="bottom"></div>

<div id="top"><font size="5"><center><font color="#FFFFFF"><font face="Tahoma"><b>In Zusammenarbeit mit:</font></font></font></b></center></div>

<div id="Box"><center><a href="http://www.roller-coaster-news.de.tl" about=_blank><img src="http://img.webme.com/pic/k/kirmes-online/unbenanntx.jpg"></a></center></div>
<div id="bottom"></div>

</div>

<div id="Footer">2009 © by www.kirmes-online.de.tl | <a href="http://kirmes-online.de.tl/Impressum.htm">Impressum</a> | <a href="http://kirmes-online.de.tl/Kontakt.htm">Kontakt</a></div>



<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>

<script type="text/javascript">
_uacct = "UA-2594508-8";
urchinTracker();
</script> <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>


<center><font size="2"><font face="Tahoma"><a href="http://kirmes-online.de.tl/Statistiken.htm" target="_blank"><img src="http://kirmes-online.de.tl/sig.png" width="500" height="60" border="0" alt="kirmes-online.de.tl"></a>
<br><script src="http://www.the-coderz.de/fipadomain.php?id=11" type="text/javascript" language="JavaScript"></script>
<br>Design by <a href="http://www.4b-designs.com">4b-designs</a></center></font>


Hinweis unter dem Inhaltsbereich:


Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Tahoma, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 250px;
left: 50%;
margin-left:-350px;
width:710px;
}

.menu li
{
width: 140px;
float: left;
}

.menu a
{
border: 1px solid #FFFFFF;
background-color: #0033FF;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 20px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: normal;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>



<div class="menu">
<li><a href="http://www.kirmes-online.de.tl/Startseite.htm">
Startseite</a>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Schausteller und Co.</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://www.kirmes-online.de.tl/Kirmestermine--h-09.htm">Kirmestermine '09</a></li>
<li><a href="http://www.kirmes-online.de.tl/Der-Schaustellercheck.htm">Schaustellercheck</a></li>
<li><a href="http://www.kirmes-online.de.tl/Schaustellersuche.htm">Schaustellersuche</a></li>
<li><a href="http://www.kirmes-online.de.tl/Die-Pl.ae.tze.htm">Kirmesplätze</a></li>
<li><a href="UNTERLINK2.6">Folgt noch</a></li>



</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Galerie</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://www.kirmes-online.de.tl/Bilder/index.htm">Bilder</a></li>
<li><a href="http://www.kirmes-online.de.tl/Videos.htm">Videos</a></li>
<li><a href="http://www.kirmes-online.de.tl/Bilder-bestellen.htm">Bilder bestellen</a><li>

</ul>
</li>

<li><a href="http://www.kirmes-online.de.tl/Forum.htm">
Forum</a></li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
Extras</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.kirmes-online.de.tl/Das-Team.htm">Das Team</a></li>
<li><a href="http://www.kirmes-online.de.tl/%3Cfont-color%3D-g-black-g-%3EG.ae.stebuch%3C-s-font%3E.htm">Gästebuch</a></li>
<li><a href="http://www.kirmes-online.de.tl/Topliste.htm">Topliste</a></li>
<li><a href="http://www.kirmes-online.de.tl/Partner.htm">Partner</a></li>
<li><a href="http://www.kirmes-online.de.tl/Link-Us.htm">Link Us</a></li>
<li><a href="http://www.kirmes-online.de.tl/Fragen4You.htm">Fragen 4 You</a></li>
</ul>
</li>

</div>

<style type="text/css">
<!--
td{font-family: Tahoma;}
-->
</style>



CSSä-Code ohe Style Tags:

Code:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}


body {
background-image: url(http://ig444.bplaced.net/background.jpg);
background-color: #000000;
background-attachment: fixed;}


p, div, b{
font-family: Sans-Serif;
font-size: 12px;
text-decoration: none;}


a{color : #131313;
font-size : 12px;
text-decoration : none;}


a:hover {
color : ##131313;
font-size : 12px;
text-decoration: none;}


a:active {color : #131313;
font-size : 12px;
text-decoration : none;}


* { padding: 0; margin: 0; }

#Giga {
margin : 0 auto;
margin-top: 0px;
margin-bottom: 10px;
width : 898px;
border: 2px solid #C0C0C0;
background-color: #E0EEEE;}


#Header {
background-image: url(http://img.webme.com/pic/k/kirmes-online/header2.jpg);

width: 748px;
height: 175px;
font-size: 20px;
color: #194E84;
float : left;
padding: 20px 0px 0px 150px;}
no-repeat;


#nav_container{
background-image: url(http://4b-designs.bplaced.net/Giga/navbar.png);
background-color: #E0EEEE;
height: 28px;
width: 858px;
float: left;
clear: both;
margin: -67px 20px 0px 20px;}


#top{
background-image: url(http://www.d78.de/images/1243716194rechts.png);
height: 14px;
width: 190px;
padding: 5px;
float: right;
font-weight: bold;
color: #1F242A;
margin-right: 20px;}

#Box{
background-color: #ffffff;
font-size: 12px;
padding: 5px;
padding-bottom: 0px;
width: 190px;
float: right;
margin-right: 20px;}

#bottom{
background-image: url(http://www.d78.de/images/1243716216rechtsunten.png);
height: 7px;
width: 200px;
float: right;
margin-right: 20px;
margin-bottom: 10px;}



#content_top{
width: 640px;
height: 14px;
background-image: url(http://www.d78.de/images/1243716236contentoben.png);
margin: 0px 0px 0px 20px;
display: inline;
font-weight: bold;
color: #1F242A;
padding: 5px;
float: left;}

#content {
width: 640px;

color: #000000;
background-color: #ffffff   ;
margin: 0px 0px 0px 20px;
display: inline;
padding: 5px;
padding-bottom: 0px;
float: left;
overflow: auto;}

#content_bottom {
width: 650px;
height: 7px;
background-image: url(http://www.d78.de/images/1243716254content_unten.png);
margin: 0px 0px 10px 20px;
display: inline;
float: left;}


#links{
width: 675px;
background-color: #E0EEEE;
margin: 43px 0px 0px 0px;
float: left;
overflow: none;}

#rechts{
width: 223px;
background-color: #E0EEEE;
margin: 43px 0px 0px 0px;
float: right;
overflow: none;}


#Footer{
width: 898px;
height: 20px;
background-image: url(http://4b-designs.bplaced.net/Giga/unten.png);
color: #000000;
text-align: center;
font-size: 11px;
clear: both;}

#counter{display:none}
Beiträge der letzten Zeit anzeigen:   


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