Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.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.
Beitrag28.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 Mr. Green

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag30.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>
Beitrag30.07.2011 um 15:00 (UTC)    
Titel:

Hallo,

das ist immer das Problem, wenn man etwas "absolute" positioniert. Es geht, ist aber ein ziemliches Rumgepfriemel. Ich rate dir die Leiste direkt an der richtigen Stelle im Sourcecode einzufügen und dann relative zu positionieren.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag31.07.2011 um 12:42 (UTC)    
Titel:

wie geht das ?
Beitrag31.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 Smile
Beiträge der letzten Zeit anzeigen:   


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