Ερώτηση css

[defacer]

Θέλεις κάτι σαν κι αυτό; Δεν μπορώ να καταλάβω ακριβώς με ποιό τρόπο δε σε κάλυψε η λύση του thanocaster οπότε δεν είμαι σίγουρος.

 

Επι τη ευκαιρία (αφορά τους θαμώνες του φόρουμ): μήπως να αρχίσουμε να απαιτούμε jsfiddle από όποιον έχει τέτοιες ερωτήσεις; Και αυτοί θα εξυπηρετούνται καλύτερα (σκεφτείτε πόσες φορές δε βγαίνει άκρη από τις περιγραφές και ο χριστιανός δε δινει την HTML ή τα CSS του να τελειώνουμε) και για αυτούς που απαντούν θα είναι λιγότερη αγγαρεία.

[thanocaster]

Μαζί σου ρε defacer, αλλά εδώ πολλοί βάζουν 100 γραμμές κώδικα χωρίς code tags, αν τους ζητήσεις να τον βάζουν και σε jsfiddle θα έχουμε μαζικές αυτοκτονίες...

 

@silve: Χρησιμοποίησε το παράδειγμα του defacer με το jsfiddle για να περιγράψεις ακριβώς το πρόβλημά σου γιατί ούτε εγώ είμαι σίγουρος ότι καταλαβαίνω.

[defacer]

Μαζί σου ρε defacer, αλλά εδώ πολλοί βάζουν 100 γραμμές κώδικα χωρίς code tags, αν τους ζητήσεις να τον βάζουν και σε jsfiddle θα έχουμε μαζικές αυτοκτονίες...

 

Εμένα προσωπικά δε με ενδιαφέρει καθόλου αν θα έχουμε αυτοκτονίες. Δεν έχω διάθεση να σπαταλήσω ούτε δευτερόλεπτο από τον πολύτιμο χρόνο μου βοηθώντας κάποιον που βαριέται ή δεν ξέρω τι άλλο να βοηθήσει ο ίδιος τον εαυτό του (βλέπε κόσμο που κάνει copy paste εκφώνηση άσκησης και δε μπαίνει καν στον κόπο να γράψει κι ένα "παιδιά μήπως μπορείτε να βοηθήσετε" έτσι για το γαμώτο -- όχι πως θα βοηθούσα και πάλι αν δεν δω ότι έχει κάνει κάποια προσπάθεια μόνος του).

 

Απο κει και πέρα, νομίζω χρειάζονται 3 απλά πράγματα:

 

1. Ένα sticky με οδηγίες για το πώς κάνει κανείς fiddle και τι περιμένουμε από αυτόν (ίσως και κάτι πιο περίοπτο από sticky, φαντάζομαι οι admins δε θα έχουν αντίρρηση να βοηθήσουν προσφέροντας "μεγαλύτερη ταμπέλα" σα να λέμε)
   
2. Link στο sticky σε όποιον δεν το κάνει (εδώ χωράει συζήτηση, γιατί αν κάποιος πραγματικά προσπαθήσει να διατυπώσει σωστά το πρόβλημά του απλά δεν κάνει fiddle εντάξει δε χρειάζεται να γινόμαστε και Sheldon μαζί του)
   
3. Αδιαφορία στις ερωτήσεις όσων αγνοούν το sticky
   

[thanocaster]

Αν και οφτόπικ (και από μένα κλείνει με αυτό το μήνυμα), δεν διαφωνούμε καθόλου. Προσωπικά, δεν απαντάω καν σε τέτοια μηνύματα (c/p η εκφώνηση άσκησης κλπ). Άνοιξε ένα καινούργιο τόπικ που θα έχεις τις οδηγίες για το jsfiddle και στείλε ένα πμ στον Πάρσιφαλ που θα του ζητάς να γίνει στίκυ. Από μένα έχεις την απεριόριστη υποστήριξή μου σε αυτό.

[silve]

Πολύ ωραίο αυτό το site! Θα το χρησιμοποιώ συχνά από εδώ και πέρα.

 

Λοιπόν αυτό που έχω φτιάξει είναι το εξής. Εκ πρώτης όψεως φαίνεται εντάξει αλλά αν μικρύνει/μεγαλώσει το παράθυρο θα δείτε ότι η εικόνα του logo μετακινείται. Πως το διορθώνω αυτό; Να παραμείνει δηλαδή σταθερό σε ένα σημείο πχ στην πάνω αριστερή γωνία;

 

Ευχαριστώ.

[thanocaster]

>
body{
background: #000;
margin: 0 auto;
}
#container{
width: 300px;
height: 600px;
margin: 25px auto;
background: #fff;
}
#header img {
position: absolute;
}
#logo img {
position: relative;
top: 15px;
left: 15px;
}

[Alan Fall]

Silve δεν χρειάζεται να βάλεις το Logo σε div, οσο πιο απλός ο κώδικας τόσο το καλύτερο.

 

http://jsfiddle.net/MdMG2/3/

 

Η header εικόνα αν πιάνει όλη την έκαταση του header div όπως το έχεις εκεί, δεν χρειάζεται να μπει σαν img αλλά σαν background-image του header.

[silve]

Ευχαριστώ παιδιά για τις απαντήσεις. Με βόλεψε καλύτερα να το βάλω στο css το header σαν background image.

[silve]

Γεια σας παιδιά και πάλι!

 

Έχω ένα εκνευριστικό πρόβλημα. Λοιπόν, πάνω από μια εικόνα, έχω εισάγει δυο γραμμές κείμενο. Όλα ωραία και καλά. Πήγα να δοκιμάσω αυτό που έφτιαξα σε έναν άλλον υπολογιστή με διαφορετική ανάλυση (1280px X 1024px) και το κείμενο που βρίσκεται πάνω στην εικόνα μετακινείτε ελαφρώς προς τα αριστερά. Έκανα ένα σωρό αλλαγές στις εντολές μου, μπας και το διορθώσω, αλλά το πρόβλημα παραμένει...

 

Να πω επίσης πως η δικιά μου ανάλυση της οθόνης είναι 1366px X 768px και ότι παρουσιάζει το πρόβλημα σε 1280px X 1024px.

 

Σας παραθέτω το κομμάτι του κώδικα που έχω το πρόβλημα:

 

HTML

 

>
<div id="main_header">
  <img id="main_image" src="images/main_header.png" />
  <div id="date">
     November 2011
  </div><!-- end date -->
  <div id="issue">
     Issue #18
  </div><!-- end issue -->
</div><!-- end main_header -->

 

CSS

 

>
#main_header{
width:588px;
height:158px;
margin:20px 0 0 17px;
}

#main_image{
position:absolute;
}

#date{
font-size:20px;
color:white;
float:right;
margin:29px 74px 0 0;
position:relative;
}

#issue{
font-size:20px;
color:white;
float:right;
position:relative;
margin:55px -132px 0 0;
}

 

Σας ευχαριστώ πολύ για το χρόνο σας!

 

 

EDIT:

 

Παίδες βρήκα τι ήταν. Δεν υπήρχε στον άλλον υπολογιστή η γραμματοσειρά που είχα βάλει στην HTML. Έβαλα μια stadar (helvetica) και όλα δουλεύουν 100%. Απλά το γράφω για κάποιον που έχει κάποιο παρόμοιο πρόβλημα.

Επεξ/σία 3 Δεκεμβρίου 2011 από silve