Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.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!!
Beitrag25.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
Beitrag25.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
Beitrag25.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!
Beitrag25.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">
Beitrag25.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. Wink

Gruss
Riki
Beitrag25.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
Beitrag25.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. Wink

Gruss
Riki
Beitrag25.01.2010 um 20:27 (UTC)    
Titel:

Also angezeigt wird er jetzt durch deinen Code, aber verschieben kann ich ihn nicht durch margin-top
Beitrag25.01.2010 um 20:30 (UTC)    
Titel:

Dann versuch es mit nur "top: 10px;". Wink
Hab das in dieser Form noch nie so gemacht.

Gruss

Riki
Beitrag25.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?
Beitrag25.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
Beitrag25.01.2010 um 20:50 (UTC)    
Titel:

ok so klappts Smile ,
jetzt rutsch allerdings die table.edit_main_table{width: 880px;} nach oben und das müsste jetzt auch wieder nach unten Neutral
Beitrag25.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 Neutral

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 Question


Zuletzt bearbeitet von aviationpixx am 25.01.2010, 22:03, insgesamt einmal bearbeitet
Beitrag25.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 Neutral
Beiträge der letzten Zeit anzeigen:   


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