Loading...   Upload Image

Eine Styling Frage zum MenüForum » Tutorials » Help » Eine Styling Frage zum Menü

Neues Thema verfassen Neues Thema

  • KatjanaUser ist offline
    Member


    Katjana

    Registriert: 31.10.2008
    Beitraege: 108

    20.11.2008 um 22:01 Uhr



    Der Beitrag wurde insgesamt 1 mal editiert, zuletzt 21.11.2008 um 19:06 Uhr ...
  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    21.11.2008 um 14:47 Uhr

    CSS Navigation:

    #navigation {
    	width: 237px;
    	margin-top: 310px;
    	margin-left: 10px;
    	position: absolute;
    } 
    
    .float_right{
    	float: right;
    	width: 118px;
    	margin-top: -1px;
    }
    
    #navigation a {
    	display: block;
    	color: #a00000;
    	margin: 1px 0px 1px 1px;
    	background-color: #d3c179;
    	text-align: left;
    	height: 15px;
    	width: 113px;
    	text-decoration: none;
    	border-bottom: 2px double #a00000;
    	padding: 2px;
    }
    
    	* html #navigation a{
    		width: 115px;
    	}
    
    #navigation a:hover {
    	width: 113px;
    	color: #d3c179;
    	background-color: #a00000;
    	text-decoration: none;
    	border-bottom: 2px double #d3c179;
    }
    
    	* html #navigation a:hover{
    		width: 115px;
    	}


    HTML Navigation:

    <div id="navigation">
        	<h1>Main-Lobby</h1>
        
        	<div class="float_right">
    		    <a href="http://www.oyla7.de/cgi-bin/eigenes.cgi?page=text&id=44468340&userid=45858265" target="self">Refresh</a>
    		    <a href="http://www.oyla7.de/cgi-bin/eigenes.cgi?page=text&id=305193521207241493&userid=45858265" target="self">Rules</a>
    		    <a href="http://www.oyla7.de/cgi-bin/eigenes.cgi?page=text&id=094049561207241360&userid=45858265" target="self">FAQ</a>
    		</div>
    	
    		<div>
    		    <a href="http://www.oyla7.de/cgi-bin/eigenes.cgi?page=text&id=07811313&userid=45858265" target="self">Link In</a>
    		    <a href="http://www.oyla7.de/cgi-bin/eigenes.cgi?page=text&id=67387887&userid=45858265" target="self">Link Out</a>
    		    <a href="http://www6.topsites24.de/pro/PchansPP/index.html" target="self">Toplist</a>
        	</div>
        	
        	<h1>NAVIGATION</h1>
        	
        	<div class="float_right">
    		    <a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    		</div>
    		
    		<div>
    		    <a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    			<a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    		    <a href="http://" target="self">Blubb</a>
    		</div>
        </div>



    ... { signatur } ...
  • KatjanaUser ist offline
    Member


    Katjana

    Registriert: 31.10.2008
    Beitraege: 108

    21.11.2008 um 18:29 Uhr



    Der Beitrag wurde insgesamt 2 mal editiert, zuletzt 21.11.2008 um 18:43 Uhr ...
  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    21.11.2008 um 19:06 Uhr

    Bei #navigation fehlt:

    position: absolute;


    Das hier :
    * html #navigation a{
    width: 115px;
    }

    Ist ne spezielle Angabe, die nur vom IE interpretiert wird, ein sogenannter CSS Hack ;)



    ... { signatur } ...
  • KatjanaUser ist offline
    Member


    Katjana

    Registriert: 31.10.2008
    Beitraege: 108

    21.11.2008 um 19:22 Uhr




[ 1 ] Seite 1 von 1


Affiliates:   Design Grafixx  •   Blue-Graphics  •   Gallery Yuri  •   The Seduction  •   Chibi Graphics  •   Pat DG  •   Colorful Gfx  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider