ilch Forum » Allgemein » HTML, PHP, SQL,... » login box und navi problem

Geschlossen
  1. Fr. 07.01.2011 15:40 Uhr #1
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    hallo,

    ich bastel gerade ne page für guild wars 2 und hab da das ein oder andere problemchen.

    und zwar:
    die login box hätte ich ganz gerne fixiert, das heist ich hab n backround image für den content und da wo die loginbox is da is n anderes backround image. jedoch vermittelt sich die loginbox immer, d.h. je länger der content desto weiter unten is auch die loginbox. aber diese hätte ich gern auf der rechten seite ganz oben von dem backround image fixiert, wenn das machbar wäre. hoffe ich versteht was ich meine -.- ^^

    problem 2 bezieht sich auf das navi.
    wie zu erkennen hab ich ein horizontales navi
    bei den menüpunktejn "das spiel" "community" und "media" soll nach möglichkeit ein dropdown menü erscheinen. die menüpunkte sind images und auch die unterpunkte die auftauchen sollen wenn ich über das image fahre sollen bilder sein, die beim anklicken auf die jeweilige seite verlinken oder so im content dann halt ihr wisst was ich meine. wenn sich das menü aufklappt soll sich der content usw darunter nicht verschieben.
    ich bin mir fast sicher dass das machbar ist lächeln

    Ich hoffe wirklich übelst dass ihr mir zu helfen vermögt.

    betroffene Homepage: dilfhp.di.funpic.de/
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 07.01.2011 15:47 Uhr #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Für die loginbox, musst du in der Index.htm ein 
    valign="Top"
    in die Tabelle einbauen.

    Für deine navi würde ich das hier empfehlen
    externer Link
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 07.01.2011 15:58 Uhr #3
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    hab ich das nich? 

    			 <td background="include/designs/gw2/images/content_rechtsmitte" width="186" height="50">
						<table width="100%" border="0" align="top" cellpadding="0" cellspacing="0" valign="Top">
      							<tr>
        				  		  <td>{_boxes_login}</td>
      							</tr>

			</td>
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 07.01.2011 17:06 Uhr #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Versuchs mal damit 
    <td background="include/designs/gw2/images/content_rechtsmitte" width="186" height="50">
                        <table width="100%" border="0" align="top" cellpadding="0" cellspacing="0" valign="Top">
                                <tr>
                                  <td valign="top">{_boxes_login}</td>
                                </tr>
 
            </td>
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 07.01.2011 17:18 Uhr #5
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    hat leider nicht geklappt mit derloginbox.
    aber bis hierher schon mal viiiiiiiel dank für die hilfe




    edit:

    hab das jetzt in der style.css 
    .menu {
display: none;
visibility: hidden;
position:absolute;
}

.hoverme:hover + .menu {
display: block;
visibility: visible;
}

.menu:hover {
display: block;
visibility: visible;
}


    kann ich in der style.css irgendwas befehligen, damit der rand beim navi und nur dieser rand (is ja glaub dann n hyperlink) weis wird und die restlichen hyperlinks andersfarbig?

    oder ist es möglich das ganez erst gar nicht als hyperlink einzufügen. sry aber ich raff da mal nicht wirklich all zu viel


    Zuletzt modifiziert von dilf am 07.01.2011 - 18:40:50



    EDIT:

    hab auch das mit den hyperlink rändern hinbekommen, bissl nachdenken und man kommt da ja sogar von sselber drauf ^^
    hab das in die style.css eingefügt 

    a img {
  border:0;
}



    jetzt hab ich nur noch das prob mit dem feststellen der loginbox am oberen rand


    Zuletzt modifiziert von dilf am 07.01.2011 - 19:16:39
    0 Mitglieder finden den Beitrag gut.
  6. Sa. 08.01.2011 01:40 Uhr #6
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    Zeig mal bitte deine index.htm dann kann man mal gucken.
    WDesign
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 08.01.2011 14:20 Uhr #7
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    auch auf die gefahr hin, ausgelacht zu werden, weil die index.htm teilweise unübersichtlich und sinnlos geschrieben worde hier bitte xD 


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Guild Wars 2 Gilde SAXNOT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body {

background-image:url('include/designs/gw2/images/bg1.png');background-attachment:fixed; background-repeat:no-repeat; padding:0px; background-position:top center; }

</style>

<script type="text/javascript">

</script>

<link rel="stylesheet" type="text/css" href="include/designs/gw2/style.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" title="IE Bugfixing Stylesheet" href="include/designs/gw2/iestyle.css" media="screen" />
<![endif]-->
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="0" align="center" class="toptable"><tr align="center"><td><table cellpadding="0" cellspacing="0" border="0" width="459">
        <tr><td background="/include/designs/gw2/images/logo.png" width="459" height="171" align="right" valign="top">
        </td></tr>
</table>
<br><br><br>

<table>
				                      	
<td> 
						<div style="float:left">
              <td width="145" height="40" align="left" valign="top"><a href="?startseite" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','include/designs/gw2/images/navi_home2.png',1)"><img src="include/designs/gw2/images/navi_home.png" alt="startseite" width="145" height="40" border="0" id="startseite" /></a></td>	

</div> 

	
<td> 
						<div style="float:left">
<span class="hoverme"><img src="include/designs/gw2/images/navi_spiel.png" width="146" height="40"><br/></span><span class="menu">
<a href="?rassen"><img src="include/designs/gw2/images/navi_volk.png"></a><br/>
<a href="?klassen"><img src="include/designs/gw2/images/navi_klassen.png"></a><br/>

</td>

		 				
<td> 
						<div style="float:left">
<span class="hoverme"><img src="include/designs/gw2/images/navi_media.png" width="146" height="40"><br/></span><span class="menu">
<a href="?videos"><img src="include/designs/gw2/images/navi_videos.png"></a><br/>
<a href="?screens"><img src="include/designs/gw2/images/navi_screen.png"></a><br/>
<a href="?wallpaper"><img src="include/designs/gw2/images/navi_wallpaper.png"></a><br/>
<a href="?downs"><img src="include/designs/gw2/images/navi_downs.png"></a><br/>

</td>



<td> 
						<div style="float:left">
<span class="hoverme"><img src="include/designs/gw2/images/navi_community.png" width="172" height="40"><br/></span><span class="menu">

<a href="?forum"><img src="include/designs/gw2/images/navi_forum.png"></a><br/>
<a href="?gbook"><img src="include/designs/gw2/images/navi_gb.png"></a><br/>
<a href="?member"><img src="include/designs/gw2/images/navi_member.png"></a><br/>
<a href="?joinus"><img src="include/designs/gw2/images/navi_joinus.png"></a><br/>
<a href="?kontakt"><img src="include/designs/gw2/images/navi_kontakt.png"></a><br/>
<a href="?impressum"><img src="include/designs/gw2/images/navi_impressum.png"></a><br/>

</td>




						<td> 
						<div style="float:left">
              <td width="132" height="40" align="left" valign="top"><a href="?news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','include/designs/gw2/images/navi_news2.png',1)"><img src="include/designs/gw2/images/navi_news.png" alt="news" width="132" height="40" border="0" id="news" /></a></td>	


</span>
</div>
			 			</td>
						<td> 
						<div style="float:left">
              <td width="196" height="40" align="left" valign="top"><a href="?user-regist" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','include/designs/gw2/images/navi_register2.png',1)"><img src="include/designs/gw2/images/navi_register.png" alt="register" width="196" height="40" border="0" id="register" /></a></td>	

</span>
</div>
			 			</td>

</table>

<br>
	<table>
			 <td>
			 <img src="include/designs/gw2/images/spacer.png" width="940" height="50">
			 </td>
	</table>





				<table cellpadding="0" cellspacing="0" border="0" align="center">

						<td>
						<td background="include/designs/gw2/images/content_linksmitte.png" width="754" height="">
                                        		<table width="670" border="0" align="center" cellpadding="0" cellspacing="0">
                                                	 <tr> 
							  <td>{EXPLODE}</td>
                                                	 </tr>
                                        		</table>						
						</td>
			 <td background="include/designs/gw2/images/content_rechtsmitte" width="186" height="50">
						<table width="100%" border="0" align="top" cellpadding="0" cellspacing="0" valign="top">
      							<tr>
        				  		  <td valign="top">{_boxes_login}</td> 
      							</tr>


						</table>


				</table>






</body>
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 08.01.2011 17:11 Uhr #8
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    weis keiner wie man die loginbox fixieren kann
    0 Mitglieder finden den Beitrag gut.
  9. Sa. 08.01.2011 17:47 Uhr #9
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Hast du vielleicht mal nen Link zu der Seite mit deinem Problem?
    0 Mitglieder finden den Beitrag gut.
  10. Sa. 08.01.2011 18:51 Uhr #10
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    link steht im ertsne post

    oder hier lächeln

    dilfhp.di.funpic.de/
    0 Mitglieder finden den Beitrag gut.
  11. So. 09.01.2011 00:11 Uhr #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    sollte so gehen !! 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Guild Wars 2 Gilde SAXNOT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <style type="text/css">
 body {
 background-image:url('include/designs/gw2/images/bg1.png');background-attachment:fixed; background-repeat:no-repeat; padding:0px; background-position:top center; }
 </style>
 <script type="text/javascript">
 </script>
 <link rel="stylesheet" type="text/css" href="include/designs/gw2/style.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" title="IE Bugfixing Stylesheet" href="include/designs/gw2/iestyle.css" media="screen" />
<![endif]-->
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="0" align="center" class="toptable"><tr align="center"><td><table cellpadding="0" cellspacing="0" border="0" width="459">
        <tr><td background="/include/designs/gw2/images/logo.png" width="459" height="171" align="right" valign="top">
        </td></tr>
</table>
<br><br><br>
 <table>
                                        
<td> 
                        <div style="float:left">
              <td width="145" height="40" align="left" valign="top"><a href="?startseite" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','include/designs/gw2/images/navi_home2.png',1)"><img src="include/designs/gw2/images/navi_home.png" alt="startseite" width="145" height="40" border="0" id="startseite" /></a></td>  
 </div> 
     
<td> 
                        <div style="float:left">
<span class="hoverme"><img src="include/designs/gw2/images/navi_spiel.png" width="146" height="40"><br/></span><span class="menu">
<a href="?rassen"><img src="include/designs/gw2/images/navi_volk.png"></a><br/>
<a href="?klassen"><img src="include/designs/gw2/images/navi_klassen.png"></a><br/>
 </td>
                         
<td> 
                        <div style="float:left">
<span class="hoverme"><img src="include/designs/gw2/images/navi_media.png" width="146" height="40"><br/></span><span class="menu">
<a href="?videos"><img src="include/designs/gw2/images/navi_videos.png"></a><br/>
<a href="?screens"><img src="include/designs/gw2/images/navi_screen.png"></a><br/>
<a href="?wallpaper"><img src="include/designs/gw2/images/navi_wallpaper.png"></a><br/>
<a href="?downs"><img src="include/designs/gw2/images/navi_downs.png"></a><br/>
 </td>
   <td> 
                        <div style="float:left">
<span class="hoverme"><img src="include/designs/gw2/images/navi_community.png" width="172" height="40"><br/></span><span class="menu">
 <a href="?forum"><img src="include/designs/gw2/images/navi_forum.png"></a><br/>
<a href="?gbook"><img src="include/designs/gw2/images/navi_gb.png"></a><br/>
<a href="?member"><img src="include/designs/gw2/images/navi_member.png"></a><br/>
<a href="?joinus"><img src="include/designs/gw2/images/navi_joinus.png"></a><br/>
<a href="?kontakt"><img src="include/designs/gw2/images/navi_kontakt.png"></a><br/>
<a href="?impressum"><img src="include/designs/gw2/images/navi_impressum.png"></a><br/>
 </td>
                            <td> 
                        <div style="float:left">
              <td width="132" height="40" align="left" valign="top"><a href="?news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','include/designs/gw2/images/navi_news2.png',1)"><img src="include/designs/gw2/images/navi_news.png" alt="news" width="132" height="40" border="0" id="news" /></a></td>    
  </span>
</div>
                        </td>
                        <td> 
                        <div style="float:left">
              <td width="196" height="40" align="left" valign="top"><a href="?user-regist" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','include/designs/gw2/images/navi_register2.png',1)"><img src="include/designs/gw2/images/navi_register.png" alt="register" width="196" height="40" border="0" id="register" /></a></td> 
 </span>
</div>
                        </td>
 </table>
 <br>
    <table>
             <td>
             <img src="include/designs/gw2/images/spacer.png" width="940" height="50">
             </td>
    </table>
                     <table cellpadding="0" cellspacing="0" border="0" align="center">
                         <td>
                        <td background="include/designs/gw2/images/content_linksmitte.png" width="754" height="">
                                                <table width="670" border="0" align="center" cellpadding="0" cellspacing="0">
                                                     <tr> 
                              <td><p>{EXPLODE}</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p></td>
                                                     </tr>
                                                </table>                        
                        </td>
             <td background="include/designs/gw2/images/content_rechtsmitte" width="186" height="50" valign="top">
                        <table width="100%" border="0" align="top" cellpadding="0" cellspacing="0" valign="top">
                                <tr>
                                  <td>{_boxes_login}</td> 
                                </tr>
                          </table>
                  </table>
      </body>
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. So. 09.01.2011 16:04 Uhr #12
    User Pic
    dilf Mitglied
    Registriert seit
    29.08.2009
    Beiträge
    110
    Beitragswertungen
    0 Beitragspunkte
    so hats geklappt. vielen dank. und den kompromiss, dass das content nach unten etwas länger wird nehme ich dafür gern in kauf.
    danke euch allen und besonders Chapter zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten