Πρόβλημα τοποθέτησης εικόνας στο Dreamweaver

zourkas · 13 Σεπτεμβρίου 2011

Γεια σας.. θέλω να σχεδιάσω μια ιστοσελίδα και μου εμφανίζει το παρακάτω πρόβλημα που παρουσιάζω

gozzila100 · 13 Σεπτεμβρίου 2011

Γεια σας.. θέλω να σχεδιάσω μια ιστοσελίδα και μου εμφανίζει το παρακάτω πρόβλημα που παρουσιάζω

αυτό που θέλει να πει το παιδί είναι με λίγα λόγια να μη του εμφανίζει το λευκό πλαίσιο στον browser... ο λόγος που συμβαίνει αυτό είναι επειδή στη σχεδίασή του στο dreamweaver cs5 όταν εισάγει την εικόνα βγάζει κάτι σαν πλαίσιο αριστερά και δεξιά της που είναι πιο πλατύ από το background.. όσο για το πως λύνεται το πρόβλημα δε γνωρίζω

spartakoscs · 14 Σεπτεμβρίου 2011

Δώσε μας τον κώδικα να δούμε τι έχεις κάνει , για να σε βοηθήσουμε !!!

gozzila100 · 14 Σεπτεμβρίου 2011

Δώσε μας τον κώδικα να δούμε τι έχεις κάνει , για να σε βοηθήσουμε !!!

<!doctype html>

<html>

<head>

body {background-image:url('photographer.jpg');}

</style>

</head>

<body>

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

</script>

</body>

</html>

ΣΗΜΕΙΩΣΗ: το κίτρινο κουτί είναι αυτό που θέλω να εμφανίζει στον explorer και όχι το αλλιομενο κομματι τις φωτο που εμφανιζεται αν σειρω την κατω μπαρα στον explorer που μου βγαζει

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

spartakoscs · 14 Σεπτεμβρίου 2011

Υπόθετο ότι δεν μιλάμε για iexplorer 9 αλλά για ποιο παλιά version !! Η μαύρες γραμμές υποθέτω ότι προέρχονται επειδή δεν έχουν αποθηκευτεί σωστά οι εικόνες (δεν μπορώ να πω με σιγουριά εάν δεν δω το αρχείο της εικόνας) . Εάν χρησιμοποιείς photoshop δοκίμασε να τις αποθηκεύσεις σαν "Save For Web" .

Τώρα για την σελίδα δεν είμαι σίγουρος ότι κατάλαβα τι θες να κάνεις αλλά για δοκίμασε αυτόν τον κώδικα που σου δίνω να μου πεις εάν είναι αυτό που θες !!!

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>photographer</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
body{
background-color: #767676;
}
#yoursite{
margin: 0px auto;/* αυτό κεντράρει την σελίδα σου στην μέση του περιηγητή */
width: 1000px;/* αυτό είναι το πλάτος της σελίδας σου  */
}
#yourlogo{
background-color: #000;
color: #fff;
font-size: 90px;
text-align: center;
cursor: help;
}
#yourcontent{
background-image:url(http://www.olapic.com/blog/wp-content/uploads/2011/07/are-you-a-good-photographer.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 1000px;
height: 665px;
cursor: move;
}
#yourimage{
width: 200px;
height: 300px;
float: right;
margin-top: 50px;
margin-right: 30px;
}
#yourlink:link , #yourlink:visited{
display: block;
width: 200px;
height: 300px;
background-image: url(http://motocross.transworld.net/files/2009/01/28/missyrin8119-copy.jpg);
background-repeat: no-repeat;
background-size: 200px 300px;
border: 2px yellow solid;
cursor: crosshair;
}
#yourlink:hover{
background-image: url(http://i52.twitgoo.com/zmm45c.jpg);
}
</style>
</head>

<body>
<div id="yoursite">
<div id="yourlogo">Your Logo</div>
<div id="yourcontent">
	<div id="yourimage">
		<a id="yourlink" href="#"></a>
	</div>
</div>
</div>
</body>
</html>

gozzila100 · 14 Σεπτεμβρίου 2011

Υπόθετο ότι δεν μιλάμε για iexplorer 9 αλλά για ποιο παλιά version !! Η μαύρες γραμμές υποθέτω ότι προέρχονται επειδή δεν έχουν αποθηκευτεί σωστά οι εικόνες (δεν μπορώ να πω με σιγουριά εάν δεν δω το αρχείο της εικόνας) . Εάν χρησιμοποιείς photoshop δοκίμασε να τις αποθηκεύσεις σαν "Save For Web" .

Τώρα για την σελίδα δεν είμαι σίγουρος ότι κατάλαβα τι θες να κάνεις αλλά για δοκίμασε αυτόν τον κώδικα που σου δίνω να μου πεις εάν είναι αυτό που θες !!!
>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>photographer</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
body{
background-color: #767676;
}
#yoursite{
margin: 0px auto;/* αυτό κεντράρει την σελίδα σου στην μέση του περιηγητή */
width: 1000px;/* αυτό είναι το πλάτος της σελίδας σου  */
}
#yourlogo{
background-color: #000;
color: #fff;
font-size: 90px;
text-align: center;
cursor: help;
}
#yourcontent{
background-image:url(http://www.olapic.com/blog/wp-content/uploads/2011/07/are-you-a-good-photographer.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 1000px;
height: 665px;
cursor: move;
}
#yourimage{
width: 200px;
height: 300px;
float: right;
margin-top: 50px;
margin-right: 30px;
}
#yourlink:link , #yourlink:visited{
display: block;
width: 200px;
height: 300px;
background-image: url(http://motocross.transworld.net/files/2009/01/28/missyrin8119-copy.jpg);
background-repeat: no-repeat;
background-size: 200px 300px;
border: 2px yellow solid;
cursor: crosshair;
}
#yourlink:hover{
background-image: url(http://i52.twitgoo.com/zmm45c.jpg);
}
</style>
</head>

<body>
<div id="yoursite">
<div id="yourlogo">Your Logo</div>
<div id="yourcontent">
	<div id="yourimage">
		<a id="yourlink" href="#"></a>
	</div>
</div>
</div>
</body>
</html>

εχεις μηπως msn να συνενοηθουμε?? αυτο που εστειλες παντος πιανει...

spartakoscs · 14 Σεπτεμβρίου 2011

Σε ότι συναντάς πρόβλημα μπορείς να το στέλνεις στο forum , για αυτό υπάρχει άλλωστε !! Θα σου πρότεινα πάντως εάν θες να φτιάξεις το site σου , να κοιτάξεις τα παρακάτω links ! Θα σε βοηθήσουν στην κατασκευή του πολύ !!!

http://www.w3schools.com/html/

http://www.w3schools.com/css/