Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.11.2009 um 19:48 (UTC)    
Titel: Buttons+ Textfeld werden beim zoomen verschoben

Habe das Oben beschriebene Problem, wenn ich mit strg + oder strg - vergrößer/verkleiner verschiebt sich alles.

Hier mein code:

CSS ohne Style Tag:
Code:

#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;}
 #pre_content {display: none;}
 #nav_heading{display: hidden;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}



a{
color:#4A9AF6;
text-decoration: none;
font-size:16px;}

a:hover {
color: #4A9AF6;
font-size: 16px;
text-decoration: none;}

a:link {
color: black;
font-size: 16px;
text-decoration: none;}

a:active {
color: black;
font-size: 16px;
text-decoration: none;}

a:visited {
color: black;
font-size: 16px;
text-decoration: none;}



body {
background-color:#1C1E1F;}

*{ padding: auto; margin: none; }

#Mein_Bild {
margin: 0 auto;
padding: 0 auto;
width: 1600px;
height:1200px;
background-position: auto;
background-image:url(http://img.webme.com/pic/v/vaan-design/webdesign.jpg);}


#sidebar_container{
position:absolute;
left: 200px;
top:48px;
width: 192px;
height: 1000px;
background-color:#transparent;
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:auto;}




#content {
position: absolute;
left:60%;
top: 540px;
margin-left:-405px;
width: 500px;
height: 520px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#transparent;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}















<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-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 425px;
left: 47%;
margin-left:-375px;
width:905px;
}

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

.menu a
{
border: 0px solid black;
background-color: #transparent;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 26px;
color: white;
}

.menu a:hover
{
background-color: transparent;
background-image: url();
}

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

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

</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>

</ul>
</li>



</div>

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

<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-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 461px;
left: 47%;
margin-left:-375px;
width:905px;
}

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

.menu a
{
border: 0px solid black;
background-color: #transparent;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 45px;
width: 325px;
color: black;
}

.menu a:hover
{
background-color: transparent;
background-image: url(http://img.webme.com/pic/v/vaan-design/buttons3.jpg);
}

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

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

</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.vaan-design.de.tl/home.htm">Home</a> </li>
<li><a href="http://www.vaan-design.de.tl/g.ae.stebuch.htm">Gästebuch</a> </li>
<li><a href="http://vaan-design.de.tl/Partner.htm">Partner </a> </li><li><a href="http://www.vaan-design.de.tl/Stuff.htm">Stuff</a> </li>
</ul>
</li>



</div>







Über dem Design:
Code:

<div id="Mein_Bild"></div>

<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>

<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


Habe schon alles durchprobiert alles hier ausm Forum ...
Beitrag27.11.2009 um 20:06 (UTC)    
Titel:

Ich glaube da nur wenige zoomen ist dass vorerst nebensächlich.
Du solltest erstmal generell dass Layout ordentlich coden, vor allem für alle Auflösungen ab 1024 Pixeln Breite.
______________
<!-- Bild, RTL, 9Live -->

Rechtschreibung ist Freeware, nicht Open Source.

Alle Beiträge nach bestem Wissen und Gewissen.
Beitrag27.11.2009 um 20:22 (UTC)    
Titel:

Wie wird das gemacht ?^^
Kannst du mir nich da ein wenig helfen ? Mr. Green
Beitrag27.11.2009 um 20:25 (UTC)    
Titel:

Zum Beispiel hat dass Layout an beiden Seiten ca. 200px Rand, muss der User dazu gezwungen werde die zu sehen.

Viell. solltest du jemanden suchen der etwas Ahnung von CSS um HPBK hat.
______________
<!-- Bild, RTL, 9Live -->

Rechtschreibung ist Freeware, nicht Open Source.

Alle Beiträge nach bestem Wissen und Gewissen.
Beiträge der letzten Zeit anzeigen:   


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