Hallo
Da bin ich wieder mit dem nächsten problem ;((!..
Also ich will eine intro seite erstellen auf der im Hintergrund ein bild auf Vollbildschirm is und im Vordergrund Buttons usw…also mein Problem: wenn ich jetzt den code :
„<img src="DSC_0154.jpg" alt="" position:absolut top"10" />“
so eingebe wie ich es gewohnt bin, is das Bild auf meinem bilschirm zwar voll aber bei anderen Besuchern größer oder kleiner ! Ich muss also ein Bild habe das sich mit seiner größe an die größe der Bildschirme anpasst ! Habe schon versucht einfach ein Bild einzufügen und statt der pixel zahl 100 % einzugeben. Klappt aber auch nicht …da ist das bild noch größer ! Ich vermute in meiner Idee is ein kleiner Denkfehler .. ich hoffe es kann mir einer sagen was ich falsch mache bzw. mit den richtigen Code posten !
Danke schon mal im vorraus
Mfg
Mamboobamboo
Bild auf vollbildschirm anzeigen !
-
-
ich hab mal für einen ähnlichen fall nen javascript geschrieben..
haste plan von js oder gar nich? an sich is des nämlich gar nich so schwer...
document.body.clientWidth und document.body.clientHeight herausfinden, die werte dann als bild-abmessungen übergeben und fertig -
abgesehen davon, dass der code oben von dir nicht funktionieren kann,
da es kein html-attribut namens position oder top gibt (nur in css, da fehlt
wohl ein style= davor) - wenn dus vergrößerst, besteht ne große chance
damit das bild unscharf und verpixelt wird. bedenke dies bitte ! -
stimmt.. die beste variante ist die gängisten auflösungen zu nehmen und dann dementsprechend ne garfik zu machen die via script ausgegeben wird...
wobei da auch zu bedenken ist, dass die auflösung des bildschirms nich gleich der auflösung des viewports (sichtbarerer bereich) ist -
was kann ich dann machen ? ne .. kann ein bisschen html aber mehr nicht .. könnt ihr da mal was posten mit dem es funktionieren sollte ?
mfg
mamboobamboo -
wozu brauchst du denn des bild ?
- ises n teil vom layout ?
- ises n hintergrundbild ?
- ises n einfaches foto als inhalt ? -
ne ..einfach ein hintergrund bild was als vollbildschrim angezeigt werden soll....auf dem bild an bestimmten punktenkommen dann buttons usw..
-
auf dem bild kommenan bestimmten punkten buttons.. heisst das du willst mit ner imagemap arbeiten? oder willste einfach nur die buttons entsprechend positionieren?
-
ne ich positionier die dann manuell
-
sorry, aber des versteh ich alles nicht und is auch irgendwie unlogisch...
du willst praktisch des bild als ne art menü benutzen, um von dir aus
dann seiten zu erreichen. wie du des dir vorstellst klappt des aber
dann vermutlich nicht ganz...wenn du des bild automatisch vergrößerst, müsstest auch die "manuell"
(was des auch bedeutet) gesetzten menüpunkte versetzen, bloß wohin ?
ich tip mal drauf, dass sich des bild (bei ner js vergrößerung) bei 4:3 und
16:9 auflösungen unterschiedlich verhält... dann biste mit deinen punkten
aufgeschmissen.ich würd dir empfehlen: nimm des bild - in ner festen größe. des menü
machste mit ner map - und dann alles zentrieren... -
Wenn das Bild mit Javascript immer 100% x 100% groß ist, müsstest du die Buttons theoretisch auch mit Prozentangaben positionieren können. Oder nicht?
-
Was das 100% große Bild betrifft, versuche es mal damit: http://www.ohne-css.gehts-gar.net/0055.php
Der Nachteil besteht jedoch darin, dass es zu Verpixelungen und damit zu Qualitätsverlusten kommen kann.Die Positionierung von anderen Elementen ist zwar möglich, jedoch nicht in exakter Relation zu diesem Bild. Denn in unterschiedlichen Bildschirmfenstergrößen ist es dann ja ebenfalls unterschiedlich groß, so dass du keinen exakten Bezugspunkt hast.
-
ok ..danke erstmal ...habe jetzt nach einer stunde im netzt ne lösung für den background gefunden .Hier is das script :
ZitatAlles anzeigen
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
<!--
* { margin: 0;
padding: 0;}
/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{ width: 100%;
height: 100%;
overflow: hidden;}
/* BG-Image auf unterste Ebene anordnen */
#bgImg{ position: absolute;
top: 0;
left: 0;
border: 0;
z-index: 1;}
/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{ position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: auto;
width: 100%;
height: 100%;
text-align: center;}
//-->
</style>
</head>
<body>
<img id="bgImg" src="DSC_0154.jpg" width="100%" height="100%">
<div id="bodyDiv">
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
.Standard-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
}
.Standard-C
{
font-family:"Calibri", sans-serif; font-size:48.0px;
line-height:1.23em;
}
-->
</style>
</head>
<body link="#0a21ff" vlink="#ff0000" alink="#0000ff" text="#000000" style="background: #ffffff; height:1000px;">
<center><div style="position:relative;width:750px;">
<div id="txt_1" style="position:absolute; left:94px; top:390px; width:442px; height:192px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Standard-P"><span class="Standard-C">ENTER</span></P>
</div>
</div></center>
</div>
</body>
</html>
das bild passt sich jetzt wunderbar an den Bildschirm an...
Mein Problem ist jetzt nur noch die schrift ,die ich gerne an einem fleck im bild hätte .. also da ist ein punkt ..und genau da hätte ich gerne eine schirftzug mit nem hyperlink ..so wie es im mom is verschiebt sich die schrift nach oben und unter wie sie will ...kann mir da wer mit helfen ? -
Sorry, aber vergiss deinen Code. Das ist reiner Zufall, falls der funktioniert.
Du missachtest dabei die Grundstruktur einer Homepage, verwendest Elemente mehrmals, die nur einmal vorkommen sollen und schreibst angaben an die falschen Stellen.
http://de.selfhtml.org/html/allgemein/grundgeruest.htm -
das habe ich nicht geschrieben ..und warum ..das funktioniert einwandfrei .. ich habe in diesem forum noch nie eine hilfreiche antwort bekommen... das nervt mich .. kann mir denn nicht einer mal sagen wie ich das mache?? ich bin mir sicher das 1 bis 2 profis hier in dem forum sind ..können die mir bitte helfen und die anderen sollen sich raus halten ... ich meine wenn ich programmieren könnte dann würde ich mich doch kurz hinsetzten und so ein script schreiben ...mensch mach doch auch spass .. und nicht nur rumstenkern und fachsimpeln ohne erfolg ..... kann man nicht mal versuchen zu helfen ..und vielleicht mal ein script beisteuern ..schrecklich ...
korrigiere...1 mal wurde mir geholfen .... -
also dat find ich jetzt mal prima...! da nimmt man sich während der arbeitszeit momente um dir nen weg zu zeigen, von dir kommt keine richtige entscheidung, welche der möglichkeiten du haben willst und dann motzte auch noch rum, weil du kein script bekommst...!
mal butter bei de fischies, du kannst was nicht, willst aber von dem nichts profitieren, indem du teile deiner page von anderen machen lässt.
weiste wat, verzichte doch einfach auf technologien, die du nicht verstehst und lerne, wie jeder andere vor dir auch lernen musste.
glaubste ich hab mein javascript- und css-wissen bekommen, weil ich meine scripte von anderen schreiben ließ?
als ich angefangen hab mit webdesign hab ich mir alles autodidaktisch beigebracht und nich durch fragen in foren.. durch lesen!!!
also kack nich rum nur weil dir keiner dein essen vorkaut! -
schlägts aber wirklich 13. hab doch auf seite 1 geschrieben wie dus
am besten machst. wennst die tips ignorierst brauchst dich net wundern
wenn dir keiner weiter hilft...