2 διαφορετικές εικόνες στο background (body)

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
dizzy_fingers
Δημοσιεύσεις: 118
Εγγραφή: 24 Ιούλ 2004 18:32
Επικοινωνία:

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από dizzy_fingers » 23 Ιούλ 2005 01:45

Καλησπέρα.

Είναι μήπως πιθανό να βάλω δύο εικόνες στο background του body?

Έστω ότι θέλω μία εικόνα στα δεξιά του φόντου και μία στα αριστερά.

Δοκίμασα το εξής...

Κώδικας: Επιλογή όλων

body {
	background-image:url(url_eikonas1);
	background-position:left;
	background-repeat:no-repeat;
	
	background-image:url(url_eikonas2);
	background-position:right;
	background-repeat:no-repeat;
}
αλλά δεν πέτυχε... :oops:

Είναι λοιπόν πιθανό κάτι τέτοιο?
Αν όχι με css, με κάποιον άλλον τρόπο?

Σας ευχαριστώ προκαταβολικά.

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από Cmg__ » 23 Ιούλ 2005 03:57

Αν 0θέλεις χρησιμοποίησε κανα table (προτιμόμενο) κανα frame ή κανα iframe χωρίς bordering και κάνεις την δουλεία σου. Πχ βάζεις το table - frame - iframe να πιάνει την μισή σελίδα και είσαι οκ.

Βέβαια δεν ξέρω το κατα πόσο στέκουν αυτά που λέω. Αν θέλεις γίνε λίγο πιο σαφής στο τι ακριβώς θες να κάνεις!
:D

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από Cmg__ » 23 Ιούλ 2005 03:59

Ά, μπορείς να στιχίσεις κείμενο επάνω σε ικόνα αν σε βοηθάει αυτό.!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από fafos » 23 Ιούλ 2005 04:09

Kai giati den tis enoneis me kapoio programma?

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από Cmg__ » 23 Ιούλ 2005 04:14

ektos an einai sample epanalamvanomeno!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από fafos » 23 Ιούλ 2005 04:27

Den nomizo giati xrhsimopoiei no repeat sto style..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από Cmg__ » 23 Ιούλ 2005 04:33

swsta. alla to kako edw einai oi analyseis :wink: .
Pws paizei na emfanizetai swsta se oles an exei eikona mh epanalamvanomenh?

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από fafos » 23 Ιούλ 2005 04:44

vazei ena background pou na tairiazei kapos me thn deksia foto.. :wink:

Άβαταρ μέλους
dizzy_fingers
Δημοσιεύσεις: 118
Εγγραφή: 24 Ιούλ 2004 18:32
Επικοινωνία:

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από dizzy_fingers » 23 Ιούλ 2005 16:48

Αααα...σας ευχαριστώ για τη γρήγορη ανταπόκριση παιδιά :D.

Αυτό, λοιπόν, που θέλω είναι να έχω δύο, αντί για μία, εικόνες στο φόντο.
Μία στα αριστερά και μία στα δεξιά. Φιξαρισμένες, no-repeat και από πάνω να έχω το περιεχόμενο του site (φόρουμ στη συγκεκριμένη περίπτωση).

Cmg, αυτό που λες με το table, μπορώ να βάλω tables στο background?
Αν ναι, πως?

Fafos, θα μπορούσα να τις ενώσω με κάποιο πρόγραμμα, αλλά λόγω μεγέθους αλλά και της εμφάνισης σε διαφορετικής ανάλυσης οθόνες, δεν είναι αυτό που θέλω.

Άβαταρ μέλους
GVarius
Δημοσιεύσεις: 163
Εγγραφή: 20 Μάιος 2005 21:23
Τοποθεσία: Sta bouna proti limni aristera!!!

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από GVarius » 23 Ιούλ 2005 18:13

Dizzy ti akribos enois thes apo dexia mia kai aporistera ali!!???
An nai tote boreis me ena programma epegergasies eikonas na tis enois sto megethos pou thes etsi nomizo pos ginete!!!!

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από Cmg__ » 24 Ιούλ 2005 00:45

oxi alla mporeis na kaneis ena background toy table me thn eikona soy kai na oriseis to table na einai terma deksia (h aristera) kai na pianei to 50% alla apo oti vlepw den xreiazesai ayto se aythn thn periptwsh!

Άβαταρ μέλους
dizzy_fingers
Δημοσιεύσεις: 118
Εγγραφή: 24 Ιούλ 2004 18:32
Επικοινωνία:

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από dizzy_fingers » 24 Ιούλ 2005 01:42

alla apo oti vlepw den xreiazesai ayto se aythn thn periptwsh!
Σωστά. :D


GVarius, στο ακριβώς από πάνω ποστ, εξήγησα γιατί δε θέλω να ενώσω με πρόγραμμα επεξεργασίας τις δύο εικόνες ;).


Καλύτερα να σας δείξω με παράδειγμα τι θέλω ακριβώς.

Μπείτε εδώ:
http://bf2.hackbox.gr/forum/ (μην τρομάξετε από αυτά που θα δείτε, το αποτέλεσμα είναι ημιτελές και απλά πειραματίζομαι εκεί).

Βλέπετε λοιπόν την μακρόστενη ασπρόμαυρη εικόνα που υπάρχει στο μαύρο φόντο στα δεξιά?
Θα ήθελα να έχω κι άλλη μία παρόμοια, στα αριστερά ;).

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από cherouvim » 24 Ιούλ 2005 08:43

Μία λύση είναι η χρήση absolute positioned divs.

HTML/XHTML code :

Κώδικας: Επιλογή όλων

<div id='bg1' title='page header1'></div>
<div id='bg2' title='page header2'></div>
CSS code :

Κώδικας: Επιλογή όλων

div#bg1 &#123;
  position&#58; absolute;
  top&#58;0;
  left&#58;0;
  width&#58; 720px;
  height&#58;150px;
  background&#58; url&#40;'images/bg1.jpg'&#41;;
&#125;

div#bg2 &#123;
  position&#58; absolute;
  top&#58;0;
  right&#58;0;
  width&#58; 200px;
  height&#58;150px;
  background&#58; url&#40;'images/bg2.jpg'&#41;;
&#125;
Αν θέλεις να ελέγχεις με ποιά σειρά γίνονται render αυτά τα elements παίξε με στο CSS με z-index.

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από Cmg__ » 25 Ιούλ 2005 02:34

swstos!!!!!!!!!!!!!
kai to olo post mporei na einai xrhsimo kai gia alloys! \
kalh fash :P !!

Άβαταρ μέλους
dizzy_fingers
Δημοσιεύσεις: 118
Εγγραφή: 24 Ιούλ 2004 18:32
Επικοινωνία:

2 διαφορετικές εικόνες στο background (body)

Δημοσίευση από dizzy_fingers » 25 Ιούλ 2005 14:37

Μήπως παίζει βοήθεια με το πως θα το κάνω αυτό? :oops:

Να σας δείξω τι έκανα και δεν πιάνει:
Πήγα στα "Board header and footer wrapper" και έβαλα τα div tags:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><% TITLE %></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-7" />
<% GENERATOR %>
<% CSS %>
<% JAVASCRIPT %>
</head>
<body>
<div id="ipbwrapper">
<div id='bg1' title='page header1'>
<div id='bg2' title='page header2'>

<% BOARD HEADER %>
<% MEMBER BAR %>
<% NAVIGATION %>
<!--IBF.NEWPMBOX-->
<% BOARD %>
<% BOARD FOOTER %>
<% STATS %>
<% COPYRIGHT %>
</div>
</div>
</div>

</body>
</html>

Και μετά έβαλα και τα css styles στην stylesheet, αντικαθιστώντας ασφαλώς τα url με αυτά των εικόνων που ήθελα.

Δεν δουλεύει και μάλιστα το φόρουμ φαίνεται κάπως περίεργο.
Κοιτάξτε: http://bf2.hackbox.gr/forum/index.php


Μήπως έκανα κάτι λάθος στα div tags?

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης