Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.10.2010 um 15:02 (UTC)    
Titel: Text automatisch positionieren? code gesucht!

heyy also bei mir isses so, dass sich das log in feld (siehe "Memberzone" -> "Login" ) noch teilweise unter der navigation befindet.
bei seiten die ich editieren kann, kann ich einfach den text ein paar zeilen tiefer rücken wohingegen, dass bei dem log in feld ja nicht möglich ist.
gibt es hierfür einen code womit ich solche sachen beheben kann?
gruß
und auch hier schonmal vielen dank im vorraus Wink
Beitrag28.10.2010 um 18:41 (UTC)    
Titel:

Verstehe ich nicht, was meinst du genau?
Beitrag28.10.2010 um 18:46 (UTC)    
Titel:

Hey,

Dein Design ist allgemein sehr fehlerhaft.
Der Footer erklärt sich dadurch, dass du ihn positioniert hast. Lass einfach mal die gesamten Styles beim Footer raus und es sollte gehen.
Dein inhalt ist verschoben, da zwischen Header und Content kein Abstand ist für die Navigation. Die Navigation legt sich nun über den Container und verdeckt daher einen Teil des Contents. Hier einfach einen Abstand einfügen oder die Außen- oder Innenabstände (margin oder padding) vergrößern.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag29.10.2010 um 12:21 (UTC)    
Titel:

interessant, ich blick nur nich ganz durch wo ich jetzt genau was ändern müsste:

hier mein code:

css code ohne style tags:
Code:
body {
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/c/css45/background.jpg); }

#container {
margin: auto;
width: 980px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/c/css45/background2.jpg);
border: 1px solid #565656; }

#header_container {
position: absolute;
left: 50%;
top: 100px;
margin-left: -490px;
width: 980px;
height: 100px;
background-image: url(http://img.webme.com/pic/c/css45/headerfull.gif);
border: 1px solid #8C998C; }

#title span {display:none;}


text über dem design:

Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* 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;
left: 50%;
top: 200px;
margin-left: -490px;
width: 1200px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 140px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/c/css45/linie4.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FFCC33;
background-image: url(URL);
color: #000000; }

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7, a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</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 class="top_menu"><a href="http://css45.de.tl/">Home</a></li>
</li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Memberzone</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://css45.de.tl/Become-a-Member.htm">Become a Member</a></li>
<li><a href="http://css45.de.tl/Login.htm">Member Login</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.1</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Hauptmenü 7</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="Unterlink 7.1">Untermenü 7.1</a></li>
<li><a href="Unterlink 7.2">Untermenü 7.1</a></li>
</div>


text unter dem design:
Code:
<div id="footer" style="position: absolute ; width: px; left: 310px; margin-bottom: 10px"><img alt="" src=http://img.webme.com/pic/c/css45/footer.jpg></div>


wo genau muss ich wie was ändern??
gruß
Beitrag29.10.2010 um 12:59 (UTC)    
Titel:

jetzt geht gar nichts mehr... hilfeeee Sad
hab jetzt den margin abstand beim content vergrößert... jetzt stimmt zwar das mit dem login feld (jetzt ist es etwa in der mitte), jedoch der andere text auf den übrigen seiten ist wiederum etwas zu tief. gibt es eine möglichket mit dem ich nur manche seiten "tiefer-coden" kann?

zudem taucht jetzt bei jeder seite oben links unter der navigation der link "Login" auf... wo kommt der denn jetzt auf einmal her??

gruß


Zuletzt bearbeitet von css45 am 29.10.2010, 14:09, insgesamt einmal bearbeitet
Beitrag30.10.2010 um 10:59 (UTC)    
Titel:

kann mir bitte wer helfen?! Rolling Eyes Confused
Beitrag30.10.2010 um 11:19 (UTC)    
Titel:

Hey,

Das ist der Code:

Text über Design
Code:

<div id="container_2">
<!-- 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 class="top_menu"><a href="http://css45.de.tl/">Home</a></li>
</li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Memberzone</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://css45.de.tl/Become-a-Member.htm">Become a Member</a></li>
<li><a href="http://css45.de.tl/Login.htm">Member Login</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.1</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Hauptmenü 7</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="Unterlink 7.1">Untermenü 7.1</a></li>
<li><a href="Unterlink 7.2">Untermenü 7.1</a></li>
</ul>
</ul>
</div>


Text unter Design
Code:
<div id="footer" style="margin-bottom: 10px;"><img alt="" src=http://img.webme.com/pic/c/css45/footer.jpg></div></div>


CSS-Code ohne Styletags
Code:

body {
background-color: #0B0B0B;
background-image: url(http://img.webme.com/pic/c/css45/background.jpg);
background-repeat: no-repeat;
font-family: Verdana, sans-serif;
font-size: 14px;
margin: 0px;
}

#container_2 {
margin: auto;
width: 980px;
}

#content_container {
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/c/css45/background2.jpg);
background-repeat: no-repeat;
border: 1px solid #565656;
}

#content {
margin-top: 23px;
padding: 20px;
}

#header_container {
height: 100px;
background-image: url(http://img.webme.com/pic/c/css45/headerfull.gif);
border: 1px solid #8C998C;
}

#title span {display:none;}

#nav_container {
display: none;
}

/* Coolmenü */

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

.menu ul {
padding: 0;
margin: 0;
}

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
left: 50%;
top: 200px;
margin-left: -490px;
width: 1200px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 140px;
float: left;
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/c/css45/linie4.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FFCC33;
background-image: url(URL);
color: #000000; }

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }

/* Coolmenü Ende */


Hoffe, ich konnte helfen.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag30.10.2010 um 14:36 (UTC)    
Titel:

als erstens wollte ich mich bedanken...
echt super dankeschön...
kann man jetzt vllt. noch den header ein stück nach oben schieben, dass man den auch ganz sieht? ( die ladeanzeige auf dem header verschwindet noch ein bisschen unter der navigation)

kannst du vllt. noch kurz erläutern, wo meine fehler genau waren, also wo ich was falsch gemacht habe??
dann kann ich es nämlich beim nächsten mal besser machen!

gruß
Beiträge der letzten Zeit anzeigen:   


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