Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.12.2009 um 17:28 (UTC)    
Titel: [erledigt] CSS: Background, Content und Navi dürfen sich

Hallo zusammen,

ich versuche mich gerade an einem neuen Design. Ist nur zu Testzwecken.

Seht hier: www.aschenbrenner.de.tl

Ich habe ein Hintergrundbild, zwei Contents und eine Navi erstellt. Hier folgt nun mein Code:

Text über dem Design:

Zitat:
</td></tr></table>
<div id="content1"><p align="center">Test 1234 </a></div>
<style type="text/css" media="screen">
<!--

body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

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

li a
{
padding-top: 3px;
}

div.menu
{
position: absolute;
left: 50%;
margin-left: -300px;
z-index: 3;
top: 165px;
width: 800px;
}

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

.menu a
{
background-color: transparent;
background-image:url(http://img.webme.com/pic/a/aschenbrenner/button_katze_dunkel1.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 5px;
display: block;
cursor: pointer;
height: 16px;
color: #FFE7BA;
}

.menu a:hover
{
background-color: #FFE7BA;
background-image:url(http://img.webme.com/pic/a/aschenbrenner/button_katze_dunkel2.jpg);
color: #261300;
height: 16px;
color: #FFE7BA;
}

//-->
</style>
<div class="menu">
<li><a href="http://lunas-kitten.de.tl/Home.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Test</a>
</li>
<li><a href="http://lunas-kitten.de.tl/News.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Test</a>
</li>
<li><a href="http://lunas-kitten.de.tl/Katze.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Test</a>
</li>
<li><a href="http://lunas-kitten.de.tl/Kater.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Test</a>
</li>
<li><a href="http://lunas-kitten.de.tl/Kitten.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Test</a>
</li>
</div>



Und bei CSS-Code ohne Style Tags:

Zitat:
#Header{visibility: hidden;}
#content_end{visibility: hidden;}
#Menue{visibility: hidden;}
div#nav_container{visibility: hidden;}

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

a{color:#EEE8AA; font-size: 11px; text-decoration: none;}
a:hover {color: #261300; font-size: 11px; text-decoration: none;}

body {
background-color:#000000;
background-image: url(http://img.webme.com/pic/a/aschenbrenner/ne_design1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;}

#content {
position : absolute;
left : 50%;
top : 208px;
margin-left : -300px;
width : 615px;
height : 512px;
padding-top : 5px;
padding-left : 8px;
padding-right : 8px;
color : #261300;
font-size : 13px;
font-family : arial;
text-align : left;
background-color : #transparent;
background-image : url();
border : 0px solid #000000;
overflow: auto;
}

/* Das Textfeld 1*/
#content1 {
position : absolute;
left : 50%;
top : 270px;
margin-left : 355px;
width : 130px;
height : 175px;
padding-top : 10px;
padding-left : 5px;
padding-right : 5px;
color : #000000;
font-size : 13px;
font-family : arial;
text-align : left;
background-color : #transparent;
background-image : url();
border : 0px solid #FFFFFF;
overflow : auto;
}

-->
</style>
<table align="center" cellpadding="0" cellspacing="0" border="0"><tr><td align="center">
<style type="text/css">
<!--


Bei unterschiedlichen Bildschirmauflösungen verschiebt sich Content, Content1 und die Navi und passen nicht mehr auf das Design.

Gibts eine Lösung? Schon mal Danke ...

Harleyluhjahh Marco
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de



Zuletzt bearbeitet von harleyheaven am 20.12.2009, 20:46, insgesamt einmal bearbeitet
Beitrag20.12.2009 um 19:00 (UTC)    
Titel:

Ich habe es selbst hinbekommen:



Zitat:
body {
background-color:#000000;
background-image: url(http://img.webme.com/pic/a/aschenbrenner/ne_design1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;}


Das Rote habe ich so geändert:

background-position: 50% 0%;
background-attachment: scroll;

Kann jetzt geschlossen werden.

HArleyluhjahh Marco
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de

Beiträge der letzten Zeit anzeigen:   


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