Autor |
Nachricht |
-
aviationpixx
|
25.01.2010 um 15:49 (UTC) Titel: Header nach unten |
|
|
Hallo,
ich habe zwar im Forum einige Threads zu dem Thema gefunden, allerdings weicht mein Code von den anderen ab, daher ersuche ich hier nochmal um Hilfe.
Ich würde meinen Header gerne nach unten verschieben und habe folgenden Code:
<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_white.jpg);background-attachment: fixed;background-color:#ffffff;}
table.edit_main_table{width: 880px;}
td.headline{visibility: hidden;}
td.headline2{display:none;}
td.shouty, shouty2, shouty3, shouty4, shouty5{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.edit_rb_footer{background-image:url(); height: 0px; visibility:hidden;}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_below_nav img{visibility: hidden;}
td.edit_navi_headbg{display:none;}
td.nav_heading{height: 24px;background-image:url(http://img.webme.com/pic/a/aviationpixx/test_blau_noframe.jpg);color: black;}
td.edit_content_top{height: 24px; background-image: url(http://img.webme.com/pic/a/aviationpixx/test_blau_noframe.jpg);visibility: hidden;}
td.edit_content{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_whits.jpg); border: 1px solid #000000;}
td.edit_content_bottom{background-image:url();height: 0px;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;height: 180px;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15%;background-image:url(http://img.webme.com/pic/a/aviationpixx/background_ws);}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{display:none}
td.edit_rechts_sbg{display:none}
td.edit_rechts_cbg{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_white.jpg);background-color: #000000;height: 0px;}
und so weiter...
Was muss ich da ändern, damit ich ihn verschieben kann?
DANKE!! |
|
↑
|
|
|
-
riki-designs
|
25.01.2010 um 16:54 (UTC) Titel: |
|
|
Hi,
warum hast du deinen Header in einer Tabelle im HTML-Code?
Du kannst ihn bei:
Zitat: td.edit_header_full
einfügen.
Wenn du diese Variante wählen möchtest, kannst du uns dies gerne
mitteilen.
Zu deiner Variante hab ich folgende Lösung.
Einfach den bestimmten Teil durch folgenden ersetzen.
Zitat: <td height="104" align="left" valign="top" class="edit_header_full" top="20px" background="http://img.webme.com/pic/a/aviationpixx/header_mit_logo3.jpg">
* (ob es funktioniert, weiss ich nicht!)
Diese Zahl kannst du beliebig ändern/anpassen.
Gruss
Riki |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 17:40 (UTC) Titel: |
|
|
Hallo,
danke erstmal
wenn ich es richtig verstanden habe, muss ich das td.header..... entfernen und dafür den code den du erstellt hast irgendwo darunter einfügen oder?
Wenn dem so ist, klappts leider nicht |
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
25.01.2010 um 19:58 (UTC) Titel: |
|
|
Könntest du mal den gesamten Code für "Text über dem Design" bzw. unter dem Design und CSS-Code ohne Style Tags posten? Dann schalte ich das Design mal auf und probier herum! |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 20:05 (UTC) Titel: |
|
|
na klar, hier ist er:
<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_white.jpg);background-attachment: fixed;background-color:#ffffff;}
table.edit_main_table{width: 880px;}
td.headline{visibility: hidden;}
td.headline2{display:none;}
td.shouty, shouty2, shouty3, shouty4, shouty5{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.edit_rb_footer{background-image:url(); height: 0px; visibility:hidden;}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_below_nav img{visibility: hidden;}
td.edit_navi_headbg{display:none;}
td.nav_heading{height: 24px;background-image:url(http://img.webme.com/pic/a/aviationpixx/test_blau_noframe.jpg);color: black;}
td.edit_content_top{height: 24px; background-image: url(http://img.webme.com/pic/a/aviationpixx/test_blau_noframe.jpg);visibility: hidden;}
td.edit_content{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_whits.jpg); border: 1px solid #000000;}
td.edit_content_bottom{background-image:url();height: 0px;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;height: 180px;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15%;background-image:url(http://img.webme.com/pic/a/aviationpixx/background_ws);}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{display:none}
td.edit_rechts_sbg{display:none}
td.edit_rechts_cbg{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_white.jpg);background-color: #000000;height: 0px;}
<style type="text/css" media="screen">
<!--
body
{ font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 12px;
margin: 0px;}
ul, li
{list-style-type: none;
padding: 0px;
margin: 0px;}
div.menu
{ position: absolute;
z-index: 3;
top: 1px;
left: 50%;
margin-left:-440px;
width: 1024px;}
.menu li
{ width: 110px;
float: left; }
.menu a
{
background-image:url(http://img.webme.com/pic/a/aviationpixx/button_blau2.jpg);
border: 1px solid #000000;
padding-top: 4px;
text-decoration: none;
text-align: center;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 17px;
color: #e8e8e8; }
.menu a:hover
{
background-image:url(http://img.webme.com/pic/a/aviationpixx/button_blau2.jpg);
padding-top: 4px;
text-decoration: none;
text-align: center;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 17px;
color: #e8e8e8; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8
{ font-size: 9px;
display: none;
border-top: 1px;
width: 250px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a
{ font-size: 11px;
font-weight: bold;
padding-top: 11px;
border-top: 1px;
cursor: pointer; }
//-->
</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://aviationpixx.de/""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="http://www.aviationpixx.de/Flugzeugbilder.htm""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Flugzeugbilder</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://aviationpixx.de/registrierungen.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Registrierungen</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="http://aviationpixx.de/-Ue-ber-Mich.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Über mich</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="http://aviationpixx.de/Extras.htm""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Guides</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>
<li><a href="http://aviationpixx.de/Guestbook.htm""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Gästebuch</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>
<li><a href="http://aviationpixx.de/Kontaktformular.htm""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Kontakt</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>
<li><a href="http://aviationpixx.de/Links.htm""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Links</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
</ul>
</li>
</div>
<div align="center"> |
|
↑
|
|
|
-
riki-designs
|
25.01.2010 um 20:18 (UTC) Titel: |
|
|
Hi,
ich würde den Header nicht in einem HTML Code zeigen,
sondern im CSS-Teil einbinden.
Ich sehe grad nicht, wo du diesen HTML Code verwendet hast,
aber das kannst du mir dann gerne sagen. Wo hast du den Header definiert?
Ich würde das Ganze jetzt mit CSS so lösen:
Zitat: body{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_white.jpg);background-attachment: fixed;background-color:#ffffff;}
table.edit_main_table{width: 880px;}
td.headline{visibility: hidden;}
td.headline2{display:none;}
td.shouty, shouty2, shouty3, shouty4, shouty5{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.edit_rb_footer{background-image:url(); height: 0px; visibility:hidden;}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_below_nav img{visibility: hidden;}
td.edit_navi_headbg{display:none;}
td.nav_heading{height: 24px;background-image:url(http://img.webme.com/pic/a/aviationpixx/test_blau_noframe.jpg);color: black;}
td.edit_content_top{height: 24px; background-image: url(http://img.webme.com/pic/a/aviationpixx/test_blau_noframe.jpg);visibility: hidden;}
td.edit_content{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_whits.jpg); border: 1px solid #000000;}
td.edit_content_bottom{background-image:url();height: 0px;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 884px; height: 191px; background-image: url(http://img.webme.com/pic/a/aviationpixx/header_mit_logo3.jpg); background-repeat: no-repeat; margin-top: 30px;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15%;background-image:url(http://img.webme.com/pic/a/aviationpixx/background_ws);}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{display:none}
td.edit_rechts_sbg{display:none}
td.edit_rechts_cbg{background-image:url(http://img.webme.com/pic/a/aviationpixx/background_white.jpg);background-color: #000000;height: 0px;}
Hab das Ganze noch nie so gelöst, aber ein Versuch ist es auf jeden
Fall wert.
Gruss
Riki |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 20:23 (UTC) Titel: |
|
|
Danke, ich versuchs gleich.
Den Header habe ich einfach über Design --> Header einstellen ausgewählt und nur im Code verändert, dass er in der originalen Größe angezeigt wird
Muss ich ihn dann bei Design --> Header einstellen abwählen?
Zuletzt bearbeitet von aviationpixx am 25.01.2010, 21:26, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
riki-designs
|
25.01.2010 um 20:24 (UTC) Titel: |
|
|
Diese Funktion ist mir gar nicht bekannt (?)
Ja, sonst hast du 2 Header, und die brauchst du ja nicht.
Gruss
Riki |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 20:27 (UTC) Titel: |
|
|
Also angezeigt wird er jetzt durch deinen Code, aber verschieben kann ich ihn nicht durch margin-top |
|
↑
|
|
|
-
riki-designs
|
25.01.2010 um 20:30 (UTC) Titel: |
|
|
Dann versuch es mit nur "top: 10px;".
Hab das in dieser Form noch nie so gemacht.
Gruss
Riki |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 20:32 (UTC) Titel: |
|
|
geht leider auch nicht. wie sollte ich es denn dann machen? das ist der einzige code den ich für die seite benutze, wie kann ich ihn denn noch umstellen, dass es funktioniert? |
|
↑
|
|
|
-
riki-designs
|
25.01.2010 um 20:39 (UTC) Titel: |
|
|
Letzter Versuch:
Zitat: td.edit_header_full{
position: absolute;
width: 884px;
height: 191px;
background-image: url(http://img.webme.com/pic/a/aviationpixx/header_mit_logo3.jpg);
background-repeat: no-repeat;
top: 30px;}
Wenn es niemanden gibt, der dir hier helfen kann, dann gäbe es einen
schön geordneten Beispiel Iceblue-Code. Diesen könntest du dann so
gestalten, wie deine Homepage jetzt aufzufinden ist.
Achtung:
Würde ich erst im Notfall brauchen:
http://www.homepage-baukasten.de/forum/viewtopic.php?p=559785#559785
Gruss
Riki |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 20:50 (UTC) Titel: |
|
|
ok so klappts ,
jetzt rutsch allerdings die table.edit_main_table{width: 880px;} nach oben und das müsste jetzt auch wieder nach unten |
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 20:57 (UTC) Titel: |
|
|
so ich habs für firefox ordnen können, aber z.B. bei Opera, siehts nun ganz durcheinander aus
EDIT: Also wenn ich einfach nur den HEader code einfüge, dann rutscht alles andere nach oben, als wäre der HEader nicht mehr da, das verstehe ich nicht
Zuletzt bearbeitet von aviationpixx am 25.01.2010, 22:03, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
aviationpixx
|
25.01.2010 um 21:21 (UTC) Titel: |
|
|
So jetzt würde alles soweit passen, aber bei Firefox verschiebt sich bei 2 Unterseiten der Header und der Inhalt nach links, bei Opera z.B. nicht...Ich krieg die Krise |
|
↑
|
|
|
|