Τροποποίηση του background σε HTML

...IDE, compilers, κλπ

Συντονιστής: konnn

Τροποποίηση του background σε HTML

Δημοσίευσηαπό linuxs » 23 Ιουν 2011, 23:45

Guys, υπάρχει ένα πρόσβλημα με μια ιστοσελίδα που έχω. Βασικά, την γράφω σε HTML, PHP και σκοπεύω να βάλω CSS αργότερα. Όλα αυτά στο PC μου με xampp. Το πρόβλημα είναι οτι θέλω το background να μην ξαναβγαίνει όταν πάω την μπάρα παρακάτω και να είναι fix στην σελίδα. Τι κα΄νω???

σας ευχαριστώ...
Αν το πρόβλημά μας επιλυθεί. Επιλέγουμε το θέμα που βοήθησε στην επίλυση και πατάμε το κουμπάκι Εικόνα.
Γνώσεις ⇛ Linux: Μέτριο┃Προγραμματισμός: C┃Αγγλικά: Καλά
Λειτουργικό ⇛ Linux Ubuntu 10.4 LTS
Προδιαγραφές ⇛ Intel Pentium @T4500 2.3GHz│ 512GB VRAM│ 500 HDD│ ATI RADEON HD545v 512 MB │ Screen: 15.6''
Άβαταρ μέλους
linuxs
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1060
Εγγραφή: 02 Ιούλ 2010, 13:19
Τοποθεσία: GR
IRC: linuxs
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό the_eye » 24 Ιουν 2011, 12:21

Αν δώσεις κάποιο screenshot θα καταλάβουμε ποιο πολλά.
Όσο λιγότερο κλειστό λογισμικό έχεις, τόσα λιγότερα προβλήματα.
1 Γνώσεις ⇛ Linux: Καλό ┃ Προγραμματισμός: Ναι PHP, MySQL ┃ Αγγλικά: Καλά
2 Ubuntu 24.04.2
3 Intel Core i5-6500 CPU @ 3.20GHz ‖ RAM 7836 MiB ‖ Gigabyte B150M-HD3 DDR3-CF - Gigabyte B150M-HD3 DDR3
4 Intel HD Graphics 530 [8086:1912] {i915}
5 enp1s0: Realtek RTL8111/8168/8411 PCI Express Gigabit Ethernet Controller [10ec:8168] (rev 15)
Άβαταρ μέλους
the_eye
Διαχειριστής
Διαχειριστής
 
Δημοσιεύσεις: 11717
Εγγραφή: 16 Μαρ 2010, 17:19
Launchpad: ntoulasd
IRC: the_eye_
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό migf1 » 24 Ιουν 2011, 14:34

Να χρησιμοποιήσεις css...
Κώδικας: Επιλογή όλων

background-repeat:no-repeat;


linuxs έγραψε:Guys, υπάρχει ένα πρόσβλημα με μια ιστοσελίδα που έχω. Βασικά, την γράφω σε HTML, PHP και σκοπεύω να βάλω CSS αργότερα. Όλα αυτά στο PC μου με xampp. Το πρόβλημα είναι οτι θέλω το background να μην ξαναβγαίνει όταν πάω την μπάρα παρακάτω και να είναι fix στην σελίδα. Τι κα΄νω???

σας ευχαριστώ...
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό migf1 » 24 Ιουν 2011, 15:16

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

background-attachment:fixed;

Όπως και να 'χει, με css κάντο.
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό linuxs » 24 Ιουν 2011, 20:21

Αυτά τα βρήκα και εγώ. το θέμα είναι οτι καταρχήν θα πρέπει να συνδέσω CSS με τον HTML κώδικά μου... :? how?
Αν το πρόβλημά μας επιλυθεί. Επιλέγουμε το θέμα που βοήθησε στην επίλυση και πατάμε το κουμπάκι Εικόνα.
Γνώσεις ⇛ Linux: Μέτριο┃Προγραμματισμός: C┃Αγγλικά: Καλά
Λειτουργικό ⇛ Linux Ubuntu 10.4 LTS
Προδιαγραφές ⇛ Intel Pentium @T4500 2.3GHz│ 512GB VRAM│ 500 HDD│ ATI RADEON HD545v 512 MB │ Screen: 15.6''
Άβαταρ μέλους
linuxs
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1060
Εγγραφή: 02 Ιούλ 2010, 13:19
Τοποθεσία: GR
IRC: linuxs
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό migf1 » 24 Ιουν 2011, 21:00

Δεν είναι τίποτα ρε συ... ένα .css αρχείο θα φτιάξεις με τα css rules, και θα το κάνεις include στο html σου με το <link> tag. Μπορείς και inline μέσα στην html σου να γράψεις απευθείας css rules, είτε στην αρχή με το <style> tag είτε πραγματικά inline με τα id, class και style attributes στα νορμαλ html tags.

Μισή μέρα να ασχοληθείς με κάποιο από τα άπειρα online tutorials και θα είσαι... τζετ ;)
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό medigeek » 24 Ιουν 2011, 21:06

Άρχισε από εδώ: http://www.w3schools.com/css/css_howto.asp
Και γενικά το http://www.w3schools.com/ :)
Κύπριος; Κόπιασε στο ubuntu-cy! ┃ Launchpad Debian Github
Οδηγός για νεοεισερχόμενους -- Αρχικές οδηγίες για αρχάριους χρήστες του Ubuntu

1 Γνώσεις Linux: Πολύ καλό ┃ Προγραμματισμού: Πολύ καλό ┃ Αγγλικών: Πολύ καλό
2 Ubuntu 12.10 quantal 3.5.0-21-generic 64bit (en_US.UTF-8, GNOME cinnamon2d), Ubuntu 3.5.0-19-generic, Windows 7
3 Intel Core2 Duo CPU E6550 2.33GHz ‖ RAM 5970 MiB ‖ MSI MS-7235
4 nVidia G73 [GeForce 7300 GT] [10de:0393] {nvidia}
5 eth0: Realtek RTL-8110SC/8169SC Gigabit Ethernet [10ec:8167] (rev 10)
Άβαταρ μέλους
medigeek
Freedom
Freedom
 
Δημοσιεύσεις: 5023
Εγγραφή: 24 Μάιος 2008, 14:49
Τοποθεσία: Σερβία/Κύπρος
Launchpad: medigeek
IRC: savvas
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό M.Jackson » 24 Ιουν 2011, 21:10

για δοκίμασε το πιο κάτω:
γράψε κάτω από το <html>
Κώδικας: Επιλογή όλων
<head>
<style type="text/css">
body, html, div {margin: 0; padding: 0;}
body {background-image:url('to url sou edo me tin ikona')}
</style>
</head>


και δοκίμασε το.
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό linuxs » 24 Ιουν 2011, 21:20

M.Jackson έγραψε:για δοκίμασε το πιο κάτω:
γράψε κάτω από το <html>
Κώδικας: Επιλογή όλων
<head>
<style type="text/css">
body, html, div {margin: 0; padding: 0;}
body {background-image:url('to url sou edo me tin ikona')}
</style>
</head>


και δοκίμασε το.


thx ;)
Αν το πρόβλημά μας επιλυθεί. Επιλέγουμε το θέμα που βοήθησε στην επίλυση και πατάμε το κουμπάκι Εικόνα.
Γνώσεις ⇛ Linux: Μέτριο┃Προγραμματισμός: C┃Αγγλικά: Καλά
Λειτουργικό ⇛ Linux Ubuntu 10.4 LTS
Προδιαγραφές ⇛ Intel Pentium @T4500 2.3GHz│ 512GB VRAM│ 500 HDD│ ATI RADEON HD545v 512 MB │ Screen: 15.6''
Άβαταρ μέλους
linuxs
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1060
Εγγραφή: 02 Ιούλ 2010, 13:19
Τοποθεσία: GR
IRC: linuxs
Εκτύπωση

Re: Τροποποίηση του background σε HTML

Δημοσίευσηαπό M.Jackson » 24 Ιουν 2011, 22:18

linuxs έγραψε:
M.Jackson έγραψε:για δοκίμασε το πιο κάτω:
γράψε κάτω από το <html>
Κώδικας: Επιλογή όλων
<head>
<style type="text/css">
body, html, div {margin: 0; padding: 0;}
body {background-image:url('to url sou edo me tin ikona')}
</style>
</head>


και δοκίμασε το.


thx ;)


Τώρα σου δουλεύει ;
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

Επόμενο

Επιστροφή στο Εφαρμογές για Ανάπτυξη Λογισμικού