Προς το περιεχόμενο

Μερικές απορίες σε HTML και CSS


pbp

Προτεινόμενες αναρτήσεις

Δημοσ.

Γεια σας,

Φτιάχνω ένα site (το πρώτο μου) σε html.

Έχω κάνει την αρχική-κεντρική σελίδα και έχω βάλει ένα τίτλο, μία εικόνα, κάτι links και ένα φόντο με css.

Θα ήθελα παρακαλώ αν μπορείτε να μου πείτε πως μπορώ να βάλω πλαισιάκα (σαν καδράκια) στον τίτλο μου ή σε οποιοδήποτε άλλο κείμενο γράφω.

Σας Ευχαριστώ πολύ!

Δημοσ.

Με CSS για να το κάνεις αυτό θα χρειαστεί να διαλέξεις πρώτα το στοιχείο(κείμενο,εικόνα...) που θέλεις να έχει πλαίσιο.

 

Για παράδειγμα αν θέλεις να βάλεις πλαίσιο σε κάποια εικόνα:

 

img { border:1px solid red; }

 

Το 1px είναι το πάχος του πλαισίου σε pixels.

Η δεύτερη ιδιότητα solid είναι η μορφή του πλαισίου(solid,dotted,double,dashed). Συγκεκριμένα εμείς βάλαμε μια συνεχόμενη συμπαγή γραμμή.

Η τρίτη ιδιότητα είναι το χρώμα.

 

hope this helps..

Δημοσ.

Με CSS για να το κάνεις αυτό θα χρειαστεί να διαλέξεις πρώτα το στοιχείο(κείμενο,εικόνα...) που θέλεις να έχει πλαίσιο.

 

Για παράδειγμα αν θέλεις να βάλεις πλαίσιο σε κάποια εικόνα:

 

img { border:1px solid red; }

 

Το 1px είναι το πάχος του πλαισίου σε pixels.

Η δεύτερη ιδιότητα solid είναι η μορφή του πλαισίου(solid,dotted,double,dashed). Συγκεκριμένα εμείς βάλαμε μια συνεχόμενη συμπαγή γραμμή.

Η τρίτη ιδιότητα είναι το χρώμα.

 

hope this helps..

 

Μια επιπρόσθετη βοήθεια ως προς την σύνταξη ?

Ευχαριστώ πολύ.

Δημοσ.

Θα σου δείξω κάτι πολύ γενικό όσο αφορά την σύνταξη, απλά να ξέρεις ότι όλα εξαρτώνται απο το τι html έχεις γράψει..

 

Για πλαίσια σε παραγράφους στο CSS αρχείο σου προσθέτεις:

 

p {border:3px solid red}

 

Για εικόνες:

 

img {border:3px solid red}

 

Για τίτλους:

 

h1-h6 {border:3px solid red}

 

Δυστυχώς αν δεν δω τι κώδικα έχεις γράψει δεν μπορώ να γίνω πίο συγκεκριμένος..αν για παράδειγμα τους τίτλους σου δεν τους γράφεις μέσα σε h1-6 tag, και να γράψεις αυτό που σου είπα δεν θα δουλέψει..κάνε αν θες ένα copy-paste ;)

Δημοσ.

Μια επιπρόσθετη βοήθεια ως προς την σύνταξη ?

Ευχαριστώ πολύ.

Θα πρέπει να ορίσεις τα blocks της css μέσα στο head της σελίδας σου, κάπως έτσι:

><html>
<head>
<style type="text/css">
	p {border:1px solid red;}
	img {border:3px solid red;}
	h3 {border:3px dotted #00FF00;}
</style>
</head>
<body>
<h3>Δοκιμαστική επικεφαλίδα</h3>
<p>Δοκιμαστική παράγραφος</p>
</body>
</html>

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...