HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

14-12-2006, 23:51
|
dropsi
Newbie
|
|
Registriert seit: Dec 2006
Beiträge: 3
|
|
bilder per css laden?
Hallöchen,
ich habe mir ein Layout mit Photoshop angefertigt, es gesliced und als images und html gespeichert. Nun würde ich gerne, dass die Bilder später nicht anklickbar sind, also als ne art background image eingefügt werden, aber natürlich jedes an seiner richtigen position. Ziel soll sein, dass ich später einfach in html texte oder php-scripte drüber legen kann. Hab schon etwas gegoogelt und einige turtorials gelesen aber so ganz konnte das mein problem nicht lösen. Soweit ich weiss müssten die Bilder dann mit css geladen werden und mit div class wieder ausgegeben werden oder hab ich da was falsch aufgefasst?
Wäre froh wenn mir jemand helfen kann, möchte keinen kompletten code, nur eine Befehlszeile reicht mir ja als Beispiel, damit ich weiss wie man sowas machen kann. Sollte es dazu schon einen Thread geben ( habe aber keinen in der form gesehen ) reicht ein link dorthin
Danke für die Mühe im vorraus.
Liebe Grüße
|

15-12-2006, 00:10
|
 |
onemorenerd
 Moderator
|
|
Registriert seit: Mar 2005
Ort: Berlin
Beiträge: 9.471
|
|
|

15-12-2006, 00:14
|
Marcusson
Registrierter Benutzer
|
|
Registriert seit: Jan 2006
Beiträge: 241
|
|
Code:
<div style="width: 123px; height: 123px;
background-image: url('myImage.png') no-repeat;
position: absolute; left: 123px; top: 123px;">&nbsp;</div>
Hinterher musst du allerdings darauf achten, den Content ebenfalls absolut zu positionieren - was so seine Tücken hat. Ich sage nur: Bildschirmauflösung.
|

15-12-2006, 00:20
|
jahlives
Master  
|
|
Registriert seit: Jun 2004
Ort: Hooker in Kernel
Beiträge: 8.279
|
|
Leg dir ein css File an. Lege darin ein id fest
Code:
#background{
background-image:url(/911/bilder/911/header_small.jpg);
}
und dann schreibst du im HTML Quelltext einfach z.B. <div id="background">
Gruss
tobi
für weitere Infos wende dich an onemorenerd's Links
|

15-12-2006, 00:57
|
dropsi
Newbie
|
|
Registriert seit: Dec 2006
Beiträge: 3
|
|
Danke für die schnellen Antworten!
Ein Frage habe ich allerdings noch, wenn ich jetzt noch mehr bilder habe und die ebenfalls per css übergeben werden sollen, z.B. eins davon noch links als navi z.B. und eins ganz unten ?
|

15-12-2006, 01:30
|
 |
onemorenerd
 Moderator
|
|
Registriert seit: Mar 2005
Ort: Berlin
Beiträge: 9.471
|
|
F: "Ich würde gern ein Auto konstruieren. Womit muß ich anfangen?"
A: "Mit einem Ingenieurstudium."
F: "Ich will eins mit Schiebedach und Navi, wie geht das?"
Lies nach!
|

15-12-2006, 01:37
|
jahlives
Master  
|
|
Registriert seit: Jun 2004
Ort: Hooker in Kernel
Beiträge: 8.279
|
|
Zitat:
Ein Frage habe ich allerdings noch, wenn ich jetzt noch mehr bilder habe und die ebenfalls per css übergeben werden sollen, z.B. eins davon noch links als navi z.B. und eins ganz unten ?
|
Dann definiere einfach eine entsprechende Anzahl von ids mittels CSS. So schwer kann das doch nicht sein
UND LIES DIE LINKS VON ONEMORENERD !!
Gruss
tobi
|

15-12-2006, 02:15
|
dropsi
Newbie
|
|
Registriert seit: Dec 2006
Beiträge: 3
|
|
Zitat:
Original geschrieben von jahlives
Dann definiere einfach eine entsprechende Anzahl von ids mittels CSS. So schwer kann das doch nicht sein
UND LIES DIE LINKS VON ONEMORENERD !!
Gruss
tobi
|
Für nen Designer der nie was mit html/php/css machen musste schon!
Danke trotzdem!
|

15-12-2006, 02:22
|
jahlives
Master  
|
|
Registriert seit: Jun 2004
Ort: Hooker in Kernel
Beiträge: 8.279
|
|
Zitat:
Für nen Designer der nie was mit html/php/css machen musste schon!
|
Also wenn du Webdesign betreibst dann müsstest du zumindest mit html bereits gearbeitet haben  Oder bist du Wohnraumdesigner ?
Gruss
tobi
|

15-12-2006, 08:43
|
RanzigeMilch
Registrierter Benutzer
|
|
Registriert seit: May 2005
Ort: Darmstadt
Beiträge: 757
|
|
ich glaube auch du machst einen grundlegenden fehler.
wenn du mit imageready geslicest hast, hast du doch auch bestimmt weiße flächen wo content rein soll oder?
diese flächen werden natürlich auch als bild geslicest .. klar
ABER nach dem slicen und abspeichern als webseite musst du den code bereinigen und inhaltsblöck zu divs bzw tabellen jenachdem wie du arbeitest (ich würde dir divs empfehlen ... lies die links von onemorenerd und noch viel mehr)
weil es absoluter schwachsinn ist den Inhaltsbereich z.b. mit nem weißen gif oder jpg zu hinterlegen!!!
gruß,
ranzi
__________________
Die Milch bleibt ranzig!
|

15-12-2006, 09:06
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Zitat:
Original geschrieben von RanzigeMilch
weil es absoluter schwachsinn ist den Inhaltsbereich z.b. mit nem weißen gif oder jpg zu hinterlegen!!!
|
Schon der Ansatz des "Slicens" ist für mich höchst fragwürdig ...
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
|