TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 08.05.2008, 17:11   #1
TP-Newbie
 
Benutzerbild von xBlacky33
 
Registriert seit: Jun 2004
xBlacky33 macht alles soweit korrekt
Unhappy

Index.html soll sich Bildschirmauflösung anpassen


also habe eine art startpage (ist die index.html) und die soll sich der auflösung des betrachters anpassen .. da sonst pics ect immer zu gross oder nicht anrichtiger stelle sich befinden

hab mal die index mit fotos angehängt .. hoffe mir kann einer weiterhelfen .. bin wo doch langsam zu alt für das alles hier ^^


index.rar

danke euch schonmal
xBlacky33 ist offline   Mit Zitat antworten


Alt 08.05.2008, 21:04   #2
TP-Moderator
 
Benutzerbild von zulujaner
 
Registriert seit: Apr 2008
Ort: Naumburg
zulujaner hilft, wo's gehtzulujaner hilft, wo's gehtzulujaner hilft, wo's geht
Lightbulb

hallo xBlacky33,

wenn ich dich richtig verstehe willst du die beiden Schaltflächen ordentlich anordnen oder das riesige Hintergrundbild?

das mit dem Bild wird schwieriger. Da brauchst du meines Erachtens für jede Auflösung ein anderes. Dann mußt bei jedem Browser aufruf die Auflösung ausmessen und das entsprechende Bild auswählern.

^^ Kompliziert...

Ich denke so gehts auch...

Habe dein Bild für eine 1024er Auflösung verkleinert und als Hintergrundbild in einen extra DIV Container gelegt, der ist genausogroß wie dein Bild. Das besondere ist aber, das dieser DIV horizontal und vertikal in der Mitte des Browsers plaziert ist und nix mehr verrutschen kann. Und das funktioniert automatisch bei jeder Fensterauflösung.

in diesem DIV liegt ein weiterer namens footer, der sorgt für die Platzierung deiner Button am unteren Rand. Die Bilder sind mit float left und right angeordnet.

damit dein Hintergrundbild bei höheren Auflösungen nicht so klein und verloren im Bildschirm steht empfiehlt sich für den BODY hntergrund eine Farbe oder en gekachelter Hintergrund. Ich habe schwarz gewählt, erschien mir stimmig..

Aber entscheide selbst...
Im Quellcode siehst du die Arbeitsweise. Hab extra ganz wenig geschrieben...

teste mal.. viel spaß
Angehängte Dateien
Dateityp: zip index_neu.zip (656,5 KB, 70x aufgerufen)
zulujaner ist offline   Mit Zitat antworten
Alt 08.05.2008, 22:35   #3
TP-Newbie
 
Benutzerbild von xBlacky33
 
Registriert seit: Jun 2004
xBlacky33 macht alles soweit korrekt
gefällt mir so .. wunderbare arbeit .. danke dir .. so wollte ichs haben
xBlacky33 ist offline   Mit Zitat antworten
Alt 08.05.2008, 22:45   #4
TP-Moderator
 
Benutzerbild von zulujaner
 
Registriert seit: Apr 2008
Ort: Naumburg
zulujaner hilft, wo's gehtzulujaner hilft, wo's gehtzulujaner hilft, wo's geht
danke

kleiner tipp noch, mach die Grafiken der Button im Grafikprogramm nur so groß, wie die Schrift ist alles andere ist nur unnützer Ballast, 800px breit iss en bisserl viel.

Ausrichten kannst du dann wieder mit padding-left:30px;für das linke Bild und mit dem rechten entsprechend padding-right:30px; zum Beispiel.

So denn, viel Spaß...
zulujaner ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Index.html soll sich Bildschirmauflösung anpassen Index.html soll sich Bildschirmauflösung anpassen
« Anzeigefehler zwischen FF und IE | Umbruch in Tabellen »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:44 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67