Ερωτησεις (html/css)

imni · 24 Μαρτίου 2015

Θα ηθελα λιγο την βοηθεια σας σε καποια πραγματα..

Ποσπαθω να φτιαξω μια σελιδα αλλα εχω μερικα χαζα θεματακια..

1)Η εικονα Logo θα ηθελα να ηταν στο κεντο της σελιδας...(παραμμενει αριστερα)

2)Θα ηθελα το ''μενου'' να ειναι οριζοντια

3)Και τελος να ειχα ενα table που να ειμε μεσα οριζοντια το μενου και ακριβως απο κατω αλλο ενα με το περιεχομενο της ιστοσελιδας...

<!DOCTYPE html>
<html>
<head>
<style>
      <table style="width:90%">
      h {text-align:center;}
      p {text-align:center;}
      
      a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}
body {
    background-color:#585454;
}
</style>
</head>
<body>


     <h><img src="pics/logo.jpg" width="235" height="67"></h>

     <p><img src="pics/basic pic.jpg" width="950" height="241">
     </p>
 
 <p><b><a href="www.google.gr" target="_blank">Home</a></b></p>
 <p><b><a href="www.google.gr" target="_blank">Contact</a></b></p>
 <p><b><a href="www.google.gr" target="_blank">Maps</a></b></p>
 <p><b><a href="www.google.gr" target="_blank">E-shop</a></b></p>
 
 
</body>
</html>

GeorgeGK · 24 Μαρτίου 2015

Για το 1ο δοκίμασε να το κάνεις έτσι μέσα στο <head> </head>

<div id="wrapper" style="width:100%; text-align:center">
<img src=" " alt="logo" />
</div>

imni · 24 Μαρτίου 2015

Οταν αλαζα το width σε λιγοτερο μου την μικρενε αλλα την τραβαγε αριστερα..

Εβαλα το logο κατω απο την αλλη φωτο και ολα οκ....

Edit:

Ολα οκ...την εβαλα απο πανω..
Τωρα μενουν τα 2)3)

nucleus · 24 Μαρτίου 2015

Γιατί δεν χρησιμοποιείς κάποιο css/responsive framework και τα κάνεις όλα απο την αρχή?

πχ το Bootstrap? http://getbootstrap.com/

imni · 24 Μαρτίου 2015

Γιατί δεν χρησιμοποιείς κάποιο css/responsive framework και τα κάνεις όλα απο την αρχή?

πχ το Bootstrap? http://getbootstrap.com/

Ειναι εργασια φιλε!

Εμουμε μαθει μεχρι css..

nucleus · 24 Μαρτίου 2015

Και πάλι μπορείς να πάρεις ιδέες πως υλοποιούνται αυτά που ψάχνεις βλέποντας το css που έχουν τα παραδείγματα.

Για τo 2

<table>
<tr>
<td><a href="www.google.gr" target="_blank">Home</a></td>
<td><a href="www.google.gr" target="_blank">Contact</a></td>
<td><a href="www.google.gr" target="_blank">Maps</a></td>
<td><a href="www.google.gr" target="_blank">E-shop</a></td>
</tr>
</table>

Κοινώς ένα table με ένα row και πολλαπλά td ένα για κάθε link του "μενού"

Για το 3

<table>
<tr>
<td><p>Hello i am page content</p></td>
</tr>
</table>

Ωστόσο ο παραπάνω τρόπος δεν είναι σωστός. Μιας και δεν χρησιμοποιεί CSS.

Για να κάνεις πιο σωστά το menu δοκίμασε το παρακάτω φτιάξε μια ul (unordered list) βάλε μέσα τα links που θες και μετά διάβασε εδώ http://www.w3schools.com/css/css_display_visibility.asp και ειδικότερα το τμήμα για CSS Display - Block and Inline Elements και πειραματίσου φτιάχνοντας ένα style για το κάθε li μέσα στο ul και αλλάζοντας τις τιμές για το παραπάνω property.

To ίδιο και για το 3. Φτιάξε ένα div και πειραματίσου με τα παρακάτω css properties

http://www.w3schools.com/css/css_margin.asp και http://www.w3schools.com/css/css_padding.asp

paparovic · 24 Μαρτίου 2015

Ειναι εργασια φιλε!

Και φυσικά εργάζεσαι σκληρά...

imni · 24 Μαρτίου 2015

Και πάλι μπορείς να πάρεις ιδέες πως υλοποιούνται αυτά που ψάχνεις βλέποντας το css που έχουν τα παραδείγματα.

Για τo 2
<table>
<tr>
<td><a href="www.google.gr" target="_blank">Home</a></td>
<td><a href="www.google.gr" target="_blank">Contact</a></td>
<td><a href="www.google.gr" target="_blank">Maps</a></td>
<td><a href="www.google.gr" target="_blank">E-shop</a></td>
</tr>
</table>
Κοινώς ένα table με ένα row και πολλαπλά td ένα για κάθε link του "μενού"

Για το 3
<table>
<tr>
<td><p>Hello i am page content</p></td>
</tr>
</table>
Ωστόσο ο παραπάνω τρόπος δεν είναι σωστός. Μιας και δεν χρησιμοποιεί CSS.

Για να κάνεις πιο σωστά το menu δοκίμασε το παρακάτω φτιάξε μια ul (unordered list) βάλε μέσα τα links που θες και μετά διάβασε εδώ http://www.w3schools.com/css/css_display_visibility.asp και ειδικότερα το τμήμα για CSS Display - Block and Inline Elements και πειραματίσου φτιάχνοντας ένα style για το κάθε li μέσα στο ul και αλλάζοντας τις τιμές για το παραπάνω property.

To ίδιο και για το 3. Φτιάξε ένα div και πειραματίσου με τα παρακάτω css properties

http://www.w3schools.com/css/css_margin.asp και http://www.w3schools.com/css/css_padding.asp

Ωραια το μενου ειναι οριζοντιο αλλα ειναι τερμα αριστερα..

Ετσι εγραψα αυτο

  <table>
 <style>
  <td> {text-align:center}
 <tr>
 <td><a href="www.google.gr" target="_blank">Home</a></td>
 <td><a href="www.google.gr" target="_blank">Contact</a></td>
 <td><a href="www.google.gr" target="_blank">Maps</a></td>
 <td><a href="www.google.gr" target="_blank">E-shop</a></td>
 </style>
 </table>

ΑΛΛΑ εξαφανιστηκε το μενου!...πως να το κανω στο κεντρο....σωστα δεν ειναι?

nucleus · 24 Μαρτίου 2015

You are doing it wrong :S

<table>
 <style>
  <td> {text-align:center}
 <tr>
 <td><a href="www.google.gr" target="_blank">Home</a></td>
 <td><a href="www.google.gr" target="_blank">Contact</a></td>
 <td><a href="www.google.gr" target="_blank">Maps</a></td>
 <td><a href="www.google.gr" target="_blank">E-shop</a></td>
 </style>
 </table>

Το παραπάνω δεν είναι καν valid html.

Ξεκίνα να διαβάζεις εδώ http://www.w3schools.com/html/html_tables.asp και http://www.w3schools.com/css/css_table.asp αν θες να το κάνεις με tables.

Θα πρότεινα να διαβάσεις στο w3schools αρχικά το HTML section και μετά το CSS section.

imni · 24 Μαρτίου 2015

Απο εκει διαβαζω

Και φυσικά εργάζεσαι σκληρά...

Τωρα μου την ειπες???
Δεν καταλαβα??

Το αν εργαζομαι σκληρα αστο να το ξερω μονο εγω...

Μπηκα στην διαδικασια να ανοιξω θεμα για να με βοηθησετε οχι να μου κανετε την εργασια...

Οπως επισης αν καταλαβες καλα κανεις μεχρι στιγμης δεν με βοηθησε ουσιαστικα...

Οπως ηταν ετσι ειναι ο κωδικας μου με μια μονο μικρη αλλαγη που προτεινε ο φιλος ποιο πανω και τον ευχαριστω..
(και λεω ουσιαστικα γιατι ουτε και αυτο δουλευει σωστα)

Αν εχεις κεφακια και ορεξη πηγαινε αλλου να πεις την εξυπναδα σου.....
Τουλαχιστον οχι σε θεμα μου...

nucleus · 24 Μαρτίου 2015

<style>
table {
  width:100%;
}
td {
  text-align:center;
}
</style>

<table>
 <tr>
  <td><a href="www.google.gr" target="_blank">Home</a></td>
  <td><a href="www.google.gr" target="_blank">Contact</a></td>
  <td><a href="www.google.gr" target="_blank">Maps</a></td>
  <td><a href="www.google.gr" target="_blank">E-shop</a></td>
 </tr>
 </table>

Αρχικά βάζεις το table να έχει width 100% (όλη την σελίδα). Μετά κάνεις το κείμενο στα td align στο center.

Γενικά ανάμεσα στα tags <style></style> γράφεις μόνο CSS και όχι HTML. Δεν παρεμβάλεις τα tags <style></style> με HTML tags.

Λάθος

<table>
 <style>
  <td> {text-align:center}
 <tr>
 <td><a href="www.google.gr" target="_blank">Home</a></td>
 <td><a href="www.google.gr" target="_blank">Contact</a></td>
 <td><a href="www.google.gr" target="_blank">Maps</a></td>
 <td><a href="www.google.gr" target="_blank">E-shop</a></td>
 </style>
 </table>

Σωστό

<style> CSS εντολές και μόνο </style>
<table>
<tr>
<td></td>
</tr>
</table>

Και κράτα όλα τα custom styles σου ορισμένα σε ένα σημείο κοινώς σε ένα ζευγάρι tags <style></style>.

paparovic · 24 Μαρτίου 2015

Τωρα μου την ειπες???

Δεν καταλαβα??

Ναι και ναι.

Οπως επισης αν καταλαβες καλα κανεις μεχρι στιγμης δεν με βοηθησε ουσιαστικα...

Τ' ακούς Nucleus;

imni · 24 Μαρτίου 2015

<style>
table {
  width:100%;
}
td {
  text-align:center;
}
</style>

<table>
 <tr>
  <td><a href="www.google.gr" target="_blank">Home</a></td>
  <td><a href="www.google.gr" target="_blank">Contact</a></td>
  <td><a href="www.google.gr" target="_blank">Maps</a></td>
  <td><a href="www.google.gr" target="_blank">E-shop</a></td>
 </tr>
 </table>
Αρχικά βάζεις το table να έχει width 100% (όλη την σελίδα). Μετά κάνεις το κείμενο στα td align στο center.

Γενικά ανάμεσα στα tags <style></style> γράφεις μόνο CSS και όχι HTML. Δεν παρεμβάλεις τα tags <style></style> με HTML tags.

Λάθος
<table>
 <style>
  <td> {text-align:center}
 <tr>
 <td><a href="www.google.gr" target="_blank">Home</a></td>
 <td><a href="www.google.gr" target="_blank">Contact</a></td>
 <td><a href="www.google.gr" target="_blank">Maps</a></td>
 <td><a href="www.google.gr" target="_blank">E-shop</a></td>
 </style>
 </table>
Σωστό
<style> CSS εντολές και μόνο </style>
<table>
<tr>
<td></td>
</tr>
</table>
Και κράτα όλα τα custom styles σου ορισμένα σε ένα σημείο κοινώς σε ένα ζευγάρι tags <style></style>.

Α ωραια σε ευχαριστω..

Ναι το ξερω τα style τα εχω ολα μαζι..

Και κατι τελευταιο..

Αν θελω αλλο ενα table κατω απο τις φωτο για να μπει το κυριος κειμενο...το περιεχομενο τελος παντον μεσα στο table...πς φτιαχνω ενα μικροτερο απο 100%?

nucleus · 24 Μαρτίου 2015

Βάλε το δεύτερο table μέσα σε ένα div με margin-left και margin-right.

Και επιμένω να χρησιμοποιείς tables για positioning είναι λάθος. Μάθε να προτιμάς divs ξέχνα τα tables.

imni · 24 Μαρτίου 2015

Βάλε το δεύτερο table μέσα σε ένα div με margin-left και margin-right.

Και επιμένω να χρησιμοποιείς tables για positioning είναι λάθος. Μάθε να προτιμάς divs ξέχνα τα tables.

Α μαλιστα..τωρα που βλεπω τι επιλογες μπορω να κανω με div...σωστα με table γινετε αλλα ειναι δυκολοτερο και ποιο πολυπλοκο..(δεν κανει για αυτη την δουλεια)

Και αν θελω να γραψω σε καποιο σημειο της σελιδας κατι ανοιγω div επιλεγω που θελω να ειναι το κειμενο και τα σχετικα και μετα κλεινω div??

Σύνδεση

Ερωτησεις (html/css)

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

imni

GeorgeGK

imni

nucleus

imni

nucleus

paparovic

imni

nucleus

imni

nucleus

paparovic

imni

nucleus

imni

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση