Ορίστε κάποια πράγματα για τα Links σας!

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
ibizakias
Δημοσιεύσεις: 154
Εγγραφή: 23 Απρ 2008 11:34

Ορίστε κάποια πράγματα για τα Links σας!

Δημοσίευση από ibizakias » 10 Νοέμ 2008 11:34

Σε μία φωτογραφία πως ορίζω κάποια συγκεκριμένα τμήματά της να είναι link; Ευχαριστώ!

alexsoft

Ορίστε κάποια πράγματα για τα Links σας!

Δημοσίευση από alexsoft » 10 Νοέμ 2008 12:54

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

<img src="test.jpg" width="96" height="96" border="0" usemap="#test" />
<map name="test" id="test">
<area shape="rect" coords="27,17,86,84" href="#" target="_blank" alt="" />
</map>

ibizakias
Δημοσιεύσεις: 154
Εγγραφή: 23 Απρ 2008 11:34

Ορίστε κάποια πράγματα για τα Links σας!

Δημοσίευση από ibizakias » 18 Νοέμ 2008 14:25

Ευχαριστώ. Δουλεύει μια χαρά απλά το μόνο μου πρόβλημα είναι πως η συγκεκριμένη εικόνα που χωρίζω σε τμήματα είναι thumb. Κάνει δηλαδή resize on mouse over και έτσι ο κώδικας που μου έδωσες δεν παίζει. Ο κώδικας για το thumb που χρησιμοποιώ είναι ο εξής:

Μέσα στο <head>

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

<style>

/* general */
	
	h1, h2&#123;
		font-size&#58;180%;
		font-weight&#58;normal;
		color&#58;#555;
	&#125;
	h2&#123;
		font-size&#58;140%;
	&#125;	
	p&#123;
		margin&#58;1em 0;
	&#125;
	p.text&#123;
		width&#58;500px;
	&#125;	
	a&#123;
		color&#58;#f20;
		text-decoration&#58;none;
	&#125;
	a&#58;hover&#123;
		color&#58;#999;
	&#125;
	img&#123;
		border&#58;none;
	&#125;

/* // general */

/* thumbnail list */

	ul#thumbs, ul#thumbs li&#123;
		margin&#58;0;
		padding&#58;0;
		list-style&#58;none;
	&#125;
	
	ul#thumbs li&#123;
		float&#58;left;
		margin-right&#58;5px;
		border&#58;1px solid #999;	
		padding&#58;2px;
	&#125;
	ul#thumbs a&#123;
		display&#58;block;
		float&#58;left;
		width&#58;100px;
		height&#58;100px;
		line-height&#58;100px;
		overflow&#58;hidden;
		position&#58;relative;
		z-index&#58;1;		
	&#125;
	ul#thumbs a img&#123;
		float&#58;left;
		position&#58;absolute;
		top&#58;-20px;
		left&#58;-50px;	
	&#125;
	
	/* mouse over */
	
		ul#thumbs a&#58;hover&#123;
			overflow&#58;visible;
			z-index&#58;1000;
			border&#58;none;		
		&#125;
		ul#thumbs a&#58;hover img&#123;
			border&#58;1px solid #999;	
			background&#58;#fff;
			padding&#58;2px;			
		&#125;	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs&#58;after, li#thumbs&#58;after&#123;
			content&#58;"."; 
			display&#58;block; 
			height&#58;0; 
			clear&#58;both; 
			visibility&#58;hidden;
			&#125;
		ul#thumbs, li#thumbs&#123;
			display&#58;block;
			&#125;
		/*  \*/
		ul#thumbs, li#thumbs&#123;
			min-height&#58;1%;
			&#125;
		* html ul#thumbs, * html li#thumbs&#123;
			height&#58;1%;
			&#125;	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb&#123;
		float&#58;left;
		margin&#58;.5em 0;
		margin-right&#58;0px;
		border&#58;1px solid #999;	
		padding&#58;2px;
	&#125;
	p.thumb a&#123;
		display&#58;block;
		float&#58;left;
		width&#58;250px;
		height&#58;333px;
		line-height&#58;100px;
		overflow&#58;hidden;
		position&#58;relative;
		z-index&#58;1;	
	&#125;	
	p.thumb a img&#123;
		float&#58;left;
		position&#58;absolute;
		top&#58;-20px;
		left&#58;-50px;	
	&#125;
	
	/* mouse over */
	
		p.thumb a&#58;hover&#123;
			overflow&#58;visible;
			z-index&#58;1000;
			border&#58;none;		
		&#125;
		p.thumb a&#58;hover img&#123;
			border&#58;1px solid #999;	
			background&#58;#fff;
			padding&#58;2px;			
		&#125;	
	
	/* // mouse over */	

/* // single thumbnail */


</style>
Και μέσα στο <body>

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

<p class="thumb"><a href="test.html">
<img src="test.jpg" width="400" height="534" /> </p>

Ποιες αλλαγές πρέπει να γίνουν λοιπόν για να παίξουν αυτά τα δύο;
Ευχαριστώ!

Άβαταρ μέλους
p_pan
Δημοσιεύσεις: 1248
Εγγραφή: 11 Φεβ 2007 20:45
Τοποθεσία: Άστεγος!

Ορίστε κάποια πράγματα για τα Links σας!

Δημοσίευση από p_pan » 09 Δεκ 2008 18:38

Επίσης όσο αφορά το θέμα του mail... έχουμε και τα εξής...:

αυτό είναι ένα απλό link email το οποιο πάει στην διεύθυνση info@domain.gr

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

<a href="mailto&#58;info@domain.gr" title="MyEmail!">Email</a>
στην περίπτωση που θέλουμε το mail να έχει και το θέμα έτοιμο γραμμένο.. τότε πρέπει να έχουμε το έξεις link:

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

<a href="mailto&#58;info@domain.gr?subject=To_mnm_sas_edo!" title="MyEmail!">Email</a>
Αγράματος...

ibizakias
Δημοσιεύσεις: 154
Εγγραφή: 23 Απρ 2008 11:34

Ορίστε κάποια πράγματα για τα Links σας!

Δημοσίευση από ibizakias » 12 Δεκ 2008 11:01

Έχω φτιάξει ένα menu με χρήση πίνακα και αυτό που θέλω είναι να μην είναι link μόνο η λέξη μέσα στο κάθε κελί αλλά όλο το κελί. Παραθέτω τον κώδικα που έχω χρησιμοποιήσει για κάθε κελί:

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

<td class="subbarnotselone" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'" align="center">&nbsp;&nbsp;
					<a href="test.asp"><span class="style1">test</span></a>&nbsp;&nbsp;</td>
Ευχαριστώ!

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες