ilch Forum » Allgemein » HTML, PHP, SQL,... » IntroPage verschoben

Geschlossen
  1. #1
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Hi Leute, ich mal wieder.

    Habe unsere Introseite n bissl verändert... ich find sie sehr cool zwinker
    gesperrtes Bild

    so sieht sie bei mir mit einer Auflösung 1680x1050 aus.

    Allerdings sind die einzelnen Elemente bei anderen/kleineren Auflösungen total verschooben. kann ich das irgendwie ändern?
    hier mal meine htm
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <embed src="http://socclan.de/sounds/introsound.mp3" autostart="true" loop="true"
    width="2" height="0">
    </embed>
    <noembed>
    <bgsound src="http://socclan.de/sounds/introsound.mp3" loop="infinite">
    </noembed>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>~[SoC]~Intro</title>
    <style type="text/css">
    <!--
    a {
    text-decoration:none;
    }
    div {
    	text-align: center;
    }
    body {
    background-attachment: fixed;
            margin:0px; 
            bgproperties: fixed;
            
            background-color: #000000;
            scrollbar-face-color: #55565B;
            scrollbar-highlight-color: #1D212D;
            scrollbar-shadow-color: #6B6B6B;
            scrollbar-3dlight-color: #B5B5B5;
            scrollbar-arrow-color:  #B5B5B5;
            scrollbar-track-color: #1D212D;
            scrollbar-darkshadow-color: #55565B;
            color: #FFFFFF; 
    
    
    }
    -->
    </style>
    </head>
    
    <body>
    <div><br>
    <a href="http://socclan.de/index.php"><img border="0" src="http://socclan.de/pics/wel1.png" onmouseover="this.src='http://socclan.de/pics/wel2.png';" onmouseout="this.src='http://socclan.de/pics/wel1.png';" /></a>
    
    
    <br>
    <img border="0"; align="left" src="http://socclan.de/pics/jacke.png">
    
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
    <img border="0" src="http://socclan.de/pics/enterbutton.gif">
    <img border="0"; align="right" src="http://socclan.de/pics/cod4snip.png"><br><br>
    
    <img border="0" src="http://socclan.de/pics/call.png">
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    <img border="0" src="http://socclan.de/pics/snip.png">
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    <img border="0" src="http://socclan.de/pics/call5.png">
    </body>
    </html>


    Wäre für schnelle Hilfe voll Dankbar.

    betroffene Homepage: externer Link
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Warum arbeitest Du mit so vielen &nbsp;

    Arbeite mit Tabellen oder mit direkten Positionierungen!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    weil die gif sonst nicht mittig wäre, und .. naja, ich fummel es mir immer irgendwie zurecht bis irgendwas funzt. mit tabellen und positionierungen, naja, da haperts bei mir recht gewaltig^^... um genau zu sein... ich hab null plan.
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Ich habs Dir mal schnell mit Tabellen umgesetzt, mit Positionierung wäre es zwar besser, kannst Du dir aber mal später selbst umsetzen!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>  
    <embed src="http://socclan.de/sounds/introsound.mp3" autostart="true" loop="true" width="1" height="1"></embed>
    <noembed><bgsound src="http://socclan.de/sounds/introsound.mp3" loop="infinite"></noembed>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <title>~[SoC]~Intro</title> 
    <style type="text/css"> 
    <!--
    a 		{ 
    		text-decoration:none; 
    		}
    		
    div 	{ 
    		text-align: center; 
    		}
    		
    body	{ 
    		background-attachment: fixed; 
            margin:0px; 
            bgproperties: fixed;
            background-color: #000000; 
            scrollbar-face-color: #55565B; 
            scrollbar-highlight-color: #1D212D; 
            scrollbar-shadow-color: #6B6B6B; 
            scrollbar-3dlight-color: #B5B5B5; 
            scrollbar-arrow-color:  #B5B5B5; 
            scrollbar-track-color: #1D212D; 
            scrollbar-darkshadow-color: #55565B; 
            color: #FFFFFF; 
    		} 
    --> 
    </style> 
    </head> 
    <body>
    
    <table border="0" width="100%">
    	<tr>
    		<td colspan="3" align="center"><a href="http://socclan.de/index.php"><img border="0" src="http://socclan.de/pics/wel1.png" onmouseover="this.src='http://socclan.de/pics/wel2.png';" onmouseout="this.src='http://socclan.de/pics/wel1.png';" /></a></td>
    	</tr>
    	<tr>
    		<td align="left"><img border="0" src="http://socclan.de/pics/jacke.png"></td>
    		<td align="center"><img border="0" src="http://socclan.de/pics/enterbutton.gif"></td>
    		<td align="right"><img border="0" src="http://socclan.de/pics/cod4snip.png"></td>
    	</tr>
    	<tr>
    		<td align="center" valign="top">&nbsp;</td>
    		<td align="center" valign="top">
    		<table border="0" width="100%">
    			<tr>
    				<td align="center"><img border="0" src="http://socclan.de/pics/call.png"></td>
    				<td align="center"><img border="0" src="http://socclan.de/pics/snip.png"></td>
    				<td align="center"><img border="0" src="http://socclan.de/pics/call5.png"></td>
    			</tr>
    		</table>
    		</td>
    		<td align="center" valign="top">&nbsp;</td>
    	</tr>
    </table>
    
    </body> 
    </html>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    bin grad dabei auch mal was mit tabellen zu probieren.... werd aber sicher im endeffekt auf deine version zurückgreifen wie ich mich kenne^^
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Wenn du deine Seite schon auf eine Auflösung hin optimieren willst, dann nimm wenigstens eine weit verbreitete 1280x1024 oder 1024x768, größere Auflösungen nutzt (noch) kaum ein Mensch...
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    soooo... hab ma lord sein Code genommen. wie ich es mir schon dachte^^...
    hab die pics noch n bissl zurecht gerückt, und nu is alles schick. Dank dir Lord.

    (aso, läuft denn euer server so dass man net mehr gekickt wird? wegen match nachholen? ^^
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Ähhhmmmm.... habe mal Spaßenshalber meine Grafik auf 1024x768 gestellt, habe da festgestellt dass die äusserst linke und äusserst rechte Grafik autimatisch verkleinert dargestellt werden... aber leider der rest nicht... warum? sehe in den codes zu den jeweiligen bilder keinen unterschied.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>  
    <embed src="http://socclan.de/sounds/introsound.mp3" autostart="true" loop="true" width="1" height="1"></embed>
    <noembed><bgsound src="http://socclan.de/sounds/introsound.mp3" loop="infinite"></noembed>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>~[SoC]~Intro</title>
    <style type="text/css">
    <!--
    a       {
            text-decoration:none;
            }
           
    div     {
            text-align: center;
            }
           
    body    {
            background-attachment: fixed;
           margin:0px;
           bgproperties: fixed;
           background-color: #000000;
           scrollbar-face-color: #55565B;
           scrollbar-highlight-color: #1D212D;
           scrollbar-shadow-color: #6B6B6B;
           scrollbar-3dlight-color: #B5B5B5;
           scrollbar-arrow-color:  #B5B5B5;
           scrollbar-track-color: #1D212D;
           scrollbar-darkshadow-color: #55565B;
           color: #FFFFFF;
            }
    -->
    </style>
    </head>
    <body>
     
    <table cellspacing="30" border="0" width="100%">
        <tr>
            <td colspan="3" align="center"; valign="top"><a href="http://socclan.de/index.php"><img border="0" src="http://socclan.de/pics/wel1.png" onmouseover="this.src='http://socclan.de/pics/wel2.png';" onmouseout="this.src='http://socclan.de/pics/wel1.png';" /></a></td>
        </tr>
        <tr>
            <td align="left"><img border="0" src="http://socclan.de/pics/jacke.png" width="100%"></td>
    
            <td align="center"><img border="0" src="http://socclan.de/pics/enterbutton.gif" width="100%"></td>
    
            <td align="right"><img border="0" src="http://socclan.de/pics/cod4snip.png" width="100%"></td>
        </tr>
        <tr>
            <td align="center" valign="top">&nbsp;</td>
            <td align="center" valign="top">
            <table border="0" width="100%">
                <tr><br>
                    <td align="left"; valign="top"><img border="0" src="http://socclan.de/pics/call.png"></td>
                    <td align="center"; valign="bottom"><img border="0" src="http://socclan.de/pics/snip.png"></td>
                    <td align="right"; valign="top"><img border="0" src="http://socclan.de/pics/call5.png"></td>
                </tr>
            </table>
            </td>
            <td align="center" valign="top">&nbsp;</td>
        </tr>
    </table>
     
    </body>
    </html>
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Die Gesamtbreite deiner Bilder in einer Reihe passen nicht auf 1024px!

    Du könntest entweder die Bilder so verkleinern, dass Sie vollständig bei dieser Auflösung angezeigt werden oder eine Auflösungsabfrage setzen mit versiedenen Ausgaben!

    Der Einfachheit halber lieber etwas verkleinern!

    Bsp.: so

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>  
    <embed src="http://socclan.de/sounds/introsound.mp3" autostart="true" loop="true" width="1" height="1"></embed>
    <noembed><bgsound src="http://socclan.de/sounds/introsound.mp3" loop="infinite"></noembed>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>~[SoC]~Intro</title>
    <style type="text/css">
    <!--
    a       {
            text-decoration:none;
            }
           
    div     {
            text-align: center;
            }
           
    body    {
            background-attachment: fixed;
           margin:0px;
           bgproperties: fixed;
           background-color: #000000;
           scrollbar-face-color: #55565B;
           scrollbar-highlight-color: #1D212D;
           scrollbar-shadow-color: #6B6B6B;
           scrollbar-3dlight-color: #B5B5B5;
           scrollbar-arrow-color:  #B5B5B5;
           scrollbar-track-color: #1D212D;
           scrollbar-darkshadow-color: #55565B;
           color: #FFFFFF;
            }
    -->
    </style>
    </head>
    <body>
    <div align="center">
    <table cellspacing="30" border="0" width="1000">
        <tr>
            <td colspan="3" align="center"; valign="top"><a href="http://socclan.de/index.php"><img border="0" src="http://socclan.de/pics/wel1.png" onmouseover="this.src='http://socclan.de/pics/wel2.png';" onmouseout="this.src='http://socclan.de/pics/wel1.png';" /></a></td>
        </tr>
        <tr>
            <td align="left">
    		<img border="0" src="http://socclan.de/pics/jacke.png" width="250" height="230"></td>
     
            <td align="center">
    		<img border="0" src="http://socclan.de/pics/enterbutton.gif" width="500" height="375"></td>
     
            <td align="right">
    		<img border="0" src="http://socclan.de/pics/cod4snip.png" width="250" height="230"></td>
        </tr>
        <tr>
            <td align="center" valign="top" colspan="3">
            <table border="0" width="100%" cellspacing="10">
                <tr><br>
                    <td align="right"><img border="0" src="http://socclan.de/pics/call.png"></td>
                    <td align="center"><img border="0" src="http://socclan.de/pics/snip.png"></td>
                    <td align="left"><img border="0" src="http://socclan.de/pics/call5.png"></td>
                </tr>
            </table>
            </td>
        </tr>
    </table>
    </div>
     
    </body>
    </html>



    Wegen Server:

    Das tritt ungewöhnlicher Weise nur bei Killhouse im Pam4 ESLHC TeamDeathmatch auf! Sonst nirgendwo! Warum auch immer! Da wir dieses so nie gespielt haben, reiner SD-Clan ist uns das nie aufgefallen!


    Zuletzt modifiziert von Lord|Schirmer am 27.09.2009 - 19:47:37
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    sieht sehr gut aus, aber bekommt man quasi die ausrichtung der intropage auch zentriert?

    text-align: center; im bodytag funzt nicht, und <div align="center"> im head auch nicht..


    Danke, ich habs^^... sehr sehr geil lächeln


    Zuletzt modifiziert von trejay am 27.09.2009 - 20:06:43
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten