Autor |
Nachricht |
-
pennergame-informationen
|
28.07.2011 um 16:08 (UTC) Titel: Website an Bildschirmauflösung anpassen |
|
|
hey,
gibt es irgendwie eine möglichkeit, das sich die website an den jeweiligen bildschirm des betrachters bzw. besuchers anpasst, damit die website bei jedem gleich aussieht ?
DANKE im voraus. |
|
↑
|
|
|
|
28.07.2011 um 16:20 (UTC) Titel: |
|
|
Wie meinst du das? Willst du dein Design zentriert, oder einen zentrierten Hintergrund, oder oder oder.
Es gibt X Möglichkeiten.
Du wirst es etwas genauer beschreiben müssen
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
pennergame-informationen
|
30.07.2011 um 14:16 (UTC) Titel: |
|
|
ich habe auf meine seite ein coolmenü eingebaut. wenn ich jetzt aber eine andere bildschirmauflösung habe, verschiebt sich das menü nach links und rechts. was kann ich tun, damit das menü bei jeder auflösung an der stelle bleibt wo es hingehört.
coolmenü code:
Code: <style type="text/css" media="screen">
<!--
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 226px;
left: 215px;
width:850px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }
/* Aussehen der Menüpunkte einstellen (Hintergrund, Schriftart und Größe) */
.menu a {
border: 2px solid #000000;
background-color: #00FF00;
background-image: url(URL);
font-family: Verdana, sans-serif;
font-size: 14px;
text-align: center;
text-decoration: none;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }
#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: #000000; }
//-->
</style>
<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Community</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://technik-forum.forumprofi.de/index.php">Technik Forum</a></li>
<li><a href="http://gamesforum.forumprofi.de/index.php">Games Forum</a></li>
<li><a href="http://kinounddvdforum.forumprofi.de/index.php">Kino/DVD Forum</a></li>
<li><a href="http://pennergame-informationen-fun-forum.forumprofi.de/index.php">Fun Forum</a></li>
<li><a href="http://off-topic-forum.forumprofi.de/index.php">Off-Topic Forum</a></li>
<li><a href="http://pennergame-informationen.forumprofi.de/index.php">PG-Info Forum</a></li>
<li><a href="http://board.pennergame.de/">PG Forum</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Support</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://pennergame-informationen.de.tl/Support.htm">PG-Info Support</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Banner us</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://pennergame-informationen.de.tl/Banner.htm">Banner</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Feedback</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://pennergame-informationen.de.tl/Vorschl.ae.ge.htm">Vorschläge</a></li>
<li><a href="http://pennergame-informationen.de.tl/Umfragen.htm">Umfragen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Registrierung</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://www.loaditup.de/files/633812_aphnkl">Registrieren</a></li>
<li><a href="http://www.loaditup.de/files/635213_k9366xyhbr.html">Daten löschen</a></li>
</ul>
</li>
</div>
|
|
↑
|
|
|
|
|
↑
|
|
|
-
pennergame-informationen
|
31.07.2011 um 12:42 (UTC) Titel: |
|
|
wie geht das ? |
|
↑
|
|
|
-
samnowi
|
31.07.2011 um 22:33 (UTC) Titel: |
|
|
Füge bei den positonierungen des Menüs left: 50%; ( nicht verändern) ein.. Und left durch margin-left: -450px; (dies kannst du verändern) ersetzen... ______________ Lala Dum Dum - euch grüßt Sam |
|
↑
|
|
|
|