[Html] Browser + Skalierung

Levi$ · 10/17/2011, 11:26

Quote:

Originally Posted by NotEnoughForYou

dann mach das / vor images weg

versucht, geht auch nicht. ich frage mich langsam wieso -.-

Ennea · 10/17/2011, 11:29

Im Stylesheet deklarierte Pfade sind relativ zum Pfad des Stylesheets selbst. Also entweder das Stylesheet mit in den Hauptordner (da wo deine Index-Datei liegt) oder als Pfad für's Bild "../images/Taskleiste.jpg" nehmen (das sollte eigentlich gehen, aber 100%ig sicher bin ich mir grad nicht).

Levi$ · 10/17/2011, 11:32

Quote:

Originally Posted by Ennea

Im Stylesheet deklarierte Pfade sind relativ zum Pfad des Stylesheets selbst. Also entweder das Stylesheet mit in den Hauptordner (da wo deine Index-Datei liegt) oder als Pfad für's Bild "../images/Taskleiste.jpg" nehmen (das sollte eigentlich gehen, aber 100%ig sicher bin ich mir grad nicht).

BOAH. mal nicht übertrieben: OMFG DANKE du hast mir sicher 2 tage gerade gespart ^^

DANK DANK DANK DANK VIIIEEELEN DANK

Levi$ · 10/20/2011, 03:24

Quote:

Originally Posted by 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; }

um auf die antwort nochmal zurückzukommen. Sry hab das forum total verpennt. Ahm ja dann hab ich meine seite auf 800 px, halb so groß wie mein screen. na dann eben 1440. ne, dann mach ich sie mit 21" auf, ja kannst dir ja vorstellen ^^. Wäre das evtl nicht klüger die einheit "em" zu nehmen da sie ja eig auf jedem screen gleich ist? sprich angepasst an den user, wie große buchstaben der eben haben will ^^

Ennea · 10/20/2011, 15:13

Quote:

Originally Posted by Levi$

um auf die antwort nochmal zurückzukommen. Sry hab das forum total verpennt. Ahm ja dann hab ich meine seite auf 800 px, halb so groß wie mein screen. na dann eben 1440. ne, dann mach ich sie mit 21" auf, ja kannst dir ja vorstellen ^^. Wäre das evtl nicht klüger die einheit "em" zu nehmen da sie ja eig auf jedem screen gleich ist? sprich angepasst an den user, wie große buchstaben der eben haben will ^^

Es ist üblich seine Seite immer auf eine feste Pixelbreite zu setzen. Seiten mit dynamischer Breite hatten wir 1998; aber auch nur, weil jegliche Containerelemente fehlten und der Text halt einfach auf dem Hintergrund stand, welcher meist in Bild von Sternen oder ähnlich kontrastreichen Elementen enthielt.

Ein "em" misst sich auch generell an der "Größe" des Elternelements, je nachdem was du in "em" misst. Wird oft für Schriftgrößen verwendet. Wenn du jetzt z.B. folgende Situation hast:

Code:

<div style="font-size: 10pt;">
  Hallo!
  <span style="font-size: 1.5em;">Ich bin grö&szlig;er!</span>
</div>

Dann ist der Text im span-Container 15pt groß (1,5 mal 10pt). Bei Breiten und Höhen sollte man es generell vermeiden, "em" zu benutzen.

Levi$ · 10/20/2011, 17:51

Quote:
Originally Posted by Ennea
Es ist üblich seine Seite immer auf eine feste Pixelbreite zu setzen. Seiten mit dynamischer Breite hatten wir 1998; aber auch nur, weil jegliche Containerelemente fehlten und der Text halt einfach auf dem Hintergrund stand, welcher meist in Bild von Sternen oder ähnlich kontrastreichen Elementen enthielt.

Ein "em" misst sich auch generell an der "Größe" des Elternelements, je nachdem was du in "em" misst. Wird oft für Schriftgrößen verwendet. Wenn du jetzt z.B. folgende Situation hast:
Code:
<div style="font-size: 10pt;">
  Hallo!
  <span style="font-size: 1.5em;">Ich bin grö&szlig;er!</span>
</div>
Dann ist der Text im span-Container 15pt groß (1,5 mal 10pt). Bei Breiten und Höhen sollte man es generell vermeiden, "em" zu benutzen.

ok danke, aber sagte ja das ich mir unsicher bin ^^. aber was wäre dann eine gegebene pixelbreite? 1440? weil es gibt ja viele leute, mit vielen verschiedenen screens ^^

Kentika · 10/20/2011, 17:53

du machst einfach den hier am Anfang deines CSS dokuments:

Code:

* {
margin: 0px;
padding: 0px;
}

das wars!

Ennea · 10/20/2011, 18:56

Quote:

Originally Posted by Levi$

ok danke, aber sagte ja das ich mir unsicher bin ^^. aber was wäre dann eine gegebene pixelbreite? 1440? weil es gibt ja viele leute, mit vielen verschiedenen screens ^^

Die Meinungen gehen da sehr auseinander. Standardisiert und für alle zugänglich halte ich persönlich (ein Maximum) von 1024 Pixeln in der Breite für angebracht. Mit 1280 bist du aber auch noch im anständigen Bereich. 1440 sind aber definitiv zu viel.

Quote:
Originally Posted by Kentika
du machst einfach den hier am Anfang deines CSS dokuments:
Code:
* {
margin: 0px;
padding: 0px;
}
das wars!

Das trägt jetzt nicht wirklich zu irgendwas im Thread bei.

NotEnoughForYou · 10/20/2011, 19:56

Quote:
Originally Posted by Kentika
du machst einfach den hier am Anfang deines CSS dokuments:
Code:
* {
margin: 0px;
padding: 0px;
}
das wars!

ahja und was hat das mit einer festen Breite zu tun ? Du weisst schon, dass das nur für Abstände gilt?

Levi$ · 10/20/2011, 20:47

weis wer was ich hier falsch mache?

PHP Code:


			
#navigation {    background-color:#3FC;
                
                margin-top: 30%;
                margin-left: 10%;
                padding-left: 20%;
                clear:both;
                
                

                
                
                
                
                
}
#navigation a {     background-color:#FFF; 
                    
}
#navigation ul {    background-color:#000;
                    
                    
                    
}
#navigation ul>li {    background-color: #9F0;
                    position:static;
                    padding-left:20%;
                    display:inline;
                    margin: 20%;
}

ich hab mir die einzelnen elemente mit farben hinterlegt, aufgrund des verständnisses, aber ich komme nicht dahinter -.-.

ich will die navigation, horizontal haben. Und die abstände der "<li>" vergrößern. Jedoch kommt nur crap raus.

Kann mir nebenbei wer erklären was es mit der position auf sich hat? Nach ewig langem googlen und xfachen durchlesen von selfhtml, kapier ichs noch immer nicht.

mfg niko

€:habs doch hinbekommen, jedoch verstehe ich einfach nicht die logik dahinter -.-
#navigation ul und ul>li haben beide display:inline; definiert. mit navigation ul>li padding-left bestimmte ich den abstand zwischen den menüelementen.

Ennea · 10/20/2011, 21:52

Ich rate dir auf jeden Fall, so selten wie möglich mit Prozenten zu arbeiten. Prozentangaben sind ungenau, und ungenaue Angaben willst du vermeiden.

Zu position lässt sich sagen, dass du es vermutlich anfangs weniger benötigen wirst. Am nützlichsten ist meist noch position: relative, nach wessen Definition du dann mit Hilfe von top, left, bottom und right die Position des Elementes relativ zu seiner Anfangsposition verändern kannst. Beispiel:

Code:

<img src="example.png" style="position: relative; top: -16px; left: 32px;" />

NotEnoughForYou · 10/20/2011, 22:00

Auf % würde ich am Anfang auch verzichten, solange du nicht genau weisst für was es gut geeignet ist.

btw. position:relative muss nicht extra angegeben werden , ist der normale zustand

Ennea · 10/20/2011, 22:04

Quote:

Originally Posted by NotEnoughForYou

btw. position:relative muss nicht extra angegeben werden , ist der normale zustand

Das ist falsch. Der Normalwert von position ist static.

NotEnoughForYou · 10/20/2011, 22:20

sry nehme alles zurück ^^ vertan

Levi$ · 10/21/2011, 13:15

ok das mit den pixeln hab ich mir jz angeeignet. da bleibt dann aber die frage offen, wenn ich mein browser zusammenschiebe dann rückt er mir das menü zusammen -.-

mitlerweile hab ich html und css gelernt, php, naja php dafor hab ich schiss

deswegene manage ich jetzt meine seite mit wordpress. Wenn ich bei wordpress ein neues design will, wie gehe ich voran? Nehm ich das template und verändere es oder mache von grund auf ein neues?