[Html] Browser + Skalierung

[Levi$]

hey,

ich bin gerade fleißig am html schreiben und habe mich grade erinnert, das nicht alle firefox nutzen :/. Wie kann ich das am geschicktesten anstellen alle Browser einzubinden. Noch wichtiger ist mir aber das sich mein design nicht verschiebt, wenn man andere bildschirme verwendet.

Bitte um hilfe ^^

danke

niko

[NotEnoughForYou]

Wie meinste dass für alle Browser einbinden?

Indem du deinem Inhalt eine feste Breite gibst und diesen dann zentrierst.

PHP Code:

#wrapper {
width:800px;
margin:0px auto;
} 


[Ennea]

Um deine Seite in allen gängigen Browsern lauffähig zu bekommen gibt es eine einfache Regel: benutze nur standardkonformes HTML und CSS. Es bleiben immer noch einige vereinzelte Eigenarten in diversen Browsern übrig, welche sich aber umgehen/ausbessern lassen.

[Devil589]

Da kann ich noch diese nette Seite hier empfehlen.



Da kannst du einfach den Sourcecode deiner Seite checken lassen und siehst was du noch ausbessern solltest um den W3C standard beizubehalten.

[Ennea]

Originally Posted by Devil589

Da kann ich noch diese nette Seite hier empfehlen.



Da kannst du einfach den Sourcecode deiner Seite checken lassen und siehst was du noch ausbessern solltest um den W3C standard beizubehalten.

Äquivalent für CSS:

[Levi$]

ich hätte noch ne weitere frage :/

hoffe das ihr mir das richtig erklären könnt denn die sufu und google könnens nicht -.-

ich verstehe das mit dem "a" bei html und css nicht bsp: #navigation a {}

und hier gleich die nächste. wie groß müssen bilder sein damit sie über die ganze breite der seite gehen? und rein als bsp.: epvp, sind da die ganzen elemente von Gaaanz oben bis kontrollzentrum ein bild oder mehrere elemente. Ich wollte nämlich sowas ähnliches machen wie hier,

Willkommen, *** l Private Nachrichten: *** l Premium werden l E-gold l Abmelden

dahinter ist ja ein bild, ist das in dem fall der ul zugeschrieben oder ist das ganze desgin nur 1 einziges bild.

ich habe das gestern versucht im header ul, ein bild einzufügen damit es ca so aussieht wie hier, jedoch erscheint das bild erst garnicht -.-

{background-image: url (source)}


danke =)

[NotEnoughForYou]

Originally Posted by Levi$

ich hätte noch ne weitere frage :/

hoffe das ihr mir das richtig erklären könnt denn die sufu und google könnens nicht -.-

ich verstehe das mit dem "a" bei html und css nicht bsp: #navigation a {}

und hier gleich die nächste. wie groß müssen bilder sein damit sie über die ganze breite der seite gehen? und rein als bsp.: epvp, sind da die ganzen elemente von Gaaanz oben bis kontrollzentrum ein bild oder mehrere elemente. Ich wollte nämlich sowas ähnliches machen wie hier,

Willkommen, XXX l Private Nachrichten: XXX l Premium werden l E-gold l Abmelden

dahinter ist ja ein bild, ist das in dem fall der ul zugeschrieben oder ist das ganze desgin nur 1 einziges bild.

ich habe das gestern versucht im header ul, ein bild einzufügen damit es ca so aussieht wie hier, jedoch erscheint das bild erst garnicht -.-

{background-image: url (source)}


danke =)

a steht für den <a> tag (link) das heitß mit

PHP Code:

#navigation a {} 


wird

PHP Code:

<div id="navigation"><a href="#">Link</a></div> 


angesprochen.

Es ist nicht der Sinn, dass man ein bild macht, dass so groß wie der ganze bildschirm ist. Meist verwendet man eine hintergrundfarbe und einen zentrierten background.

Elitepvpers ist aus mehreren "Bildern" zusammen gesetzt.

Für das was du machen willst, also Willkommen xxx etc. braucht du PHP ( wenn es nicht nur so aussehen soll )


Ein Bild :

PHP Code:

#header {
background:url("pfad zum bild") ;
width:200px; /* Ist natürlich änderbar, jenachdem wie groß es ist */
height:200px; /* genauso änderbar */
} 


und in der html

PHP Code:

<div id="header"></div> 


[Levi$]

Originally Posted by NotEnoughForYou

a steht für den <a> tag (link) das heitß mit

PHP Code:

#navigation a {} 


wird

PHP Code:

<div id="navigation"><a href="#">Link</a></div> 


angesprochen.

Es ist nicht der Sinn, dass man ein bild macht, dass so groß wie der ganze bildschirm ist. Meist verwendet man eine hintergrundfarbe und einen zentrierten background.

Elitepvpers ist aus mehreren "Bildern" zusammen gesetzt.

Für das was du machen willst, also Willkommen xxx etc. braucht du PHP ( wenn es nicht nur so aussehen soll )


Ein Bild :

PHP Code:

#header {
background:url("pfad zum bild") ;
width:200px; /* Ist natürlich änderbar, jenachdem wie groß es ist */
height:200px; /* genauso änderbar */
} 


und in der html

PHP Code:

<div id="header"></div> 


also ich weis echt nicht was ich falsch mache: es kommt garkein bild -.-

Html

PHP Code:

<div id="menu">
    <ul>
         <li><a href="start.html">Startseite</a></li>
             <li><a href="news.html">News</a></li>
            <li><a href="infos.html">Informationen</a></li>
           <li><a href="galerie.html">Galerie</a></li>
            <li><a href="links.html">Links</a></li>
            <li><a href="kontakt.html">Kontakt</a></li>
            <li><a href="impressum.html">Impressum</a></li>
        
    </ul>
    </div> 


Css

PHP Code:

#menu 
{    
    background:url("/images/Taskleiste.jpg");
    
    
}



#menu ul
{
    margin: 0px;
    padding: 0px 0px 0px 354px;
    list-style-type: none;
}
#menu ul li
{
    padding: 0px 0px 0px 31px;
    margin: 5px;
    width: 20%;
    display: inline;    
} 


[NotEnoughForYou]

entfern das inline und gib dem div ne feste weite

[Levi$]

Originally Posted by NotEnoughForYou

entfern das inline und gib dem div ne feste weite

tut sich auch nix, wenn ich das so verstanden hab. inline weg, #menu {width: 300px;}

jz hab ich kein bild und ul ist jz senkrecht :/

[NotEnoughForYou]

natürlich ist ul li senkrecht, wenn du es vertical willst ein float:left; geben ... sicher dass der pfad zum bild richtig ist?

[Levi$]

Originally Posted by NotEnoughForYou

natürlich ist ul li senkrecht, wenn du es vertical willst ein float:left; geben ... sicher dass der pfad zum bild richtig ist?

das mit dem float, danke <3 ^^

ahm ich hab den ganzen ordner mal aufm desktop geklatscht. Bild ist im unterordner images. als pfad geb ich an (/images/Bild.jpg)

[NotEnoughForYou]

also deine idnex bzw.die seite die du aufrufst ist in dem ordern wo dann der ordner images ist?

[Levi$]

Originally Posted by NotEnoughForYou

also deine idnex bzw.die seite die du aufrufst ist in dem ordern wo dann der ordner images ist?

nein index liegt auserhalb aller ordner.

->web->images->mein bild
->web->index
->web->style->style.css

[NotEnoughForYou]

dann mach das / vor images weg