[Html] Browser + Skalierung

Page 2 of 3 1 2 3
10/17/2011 11:26 Levi$#16
Quote:
Originally Posted by NotEnoughForYou View Post
dann mach das / vor images weg ;)
versucht, geht auch nicht. ich frage mich langsam wieso -.-
10/17/2011 11:29 Ennea#17
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).
10/17/2011 11:32 Levi$#18
Quote:
Originally Posted by Ennea View Post
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 :D
10/20/2011 03:24 Levi$#19
Quote:
Originally Posted by NotEnoughForYou View Post
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 ^^
10/20/2011 15:13 Ennea#20
Quote:
Originally Posted by Levi$ View Post
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.
10/20/2011 17:51 Levi$#21
Quote:
Originally Posted by Ennea View Post
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 ^^
10/20/2011 17:53 Kentika#22
du machst einfach den hier am Anfang deines CSS dokuments:

Code:
* {
margin: 0px;
padding: 0px;
}
das wars!
10/20/2011 18:56 Ennea#23
Quote:
Originally Posted by Levi$ View Post
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 View Post
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.
10/20/2011 19:56 NotEnoughForYou#24
Quote:
Originally Posted by Kentika View Post
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?
10/20/2011 20:47 Levi$#25
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.
10/20/2011 21:52 Ennea#26
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;" />
10/20/2011 22:00 NotEnoughForYou#27
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
10/20/2011 22:04 Ennea#28
Quote:
Originally Posted by NotEnoughForYou View Post
btw. position:relative muss nicht extra angegeben werden , ist der normale zustand
Das ist falsch. Der Normalwert von position ist static.
10/20/2011 22:20 NotEnoughForYou#29
sry nehme alles zurück ^^ vertan
10/21/2011 13:15 Levi$#30
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 :D
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?
Page 2 of 3 1 2 3