Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Architect_Programmer_Code Δίκτυο Γεωργίας»Αρχιτέκτονας › Σχεδιασμός front-end & web › html/CSS/JavaScript › Οι αρχάριοι ζητούν βοήθεια και ζητούν δύο τρίγωνα στην ίδια ευθεία. Βρείτε το λάθος μέρος.
Άποψη: 31322|Απάντηση: 23

[CSS/DIV] Οι αρχάριοι ζητούν βοήθεια και ζητούν δύο τρίγωνα στην ίδια ευθεία. Βρείτε το λάθος μέρος. (Ξεφυλλίζω)

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 3/12/2014 9:38:51 μ.μ. | | | |
<!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="text/html; charset=utf-8" />
<title>Έγγραφα χωρίς τίτλο</title>
<style type="κείμενο/css">
*{padding:0px; περιθώριο:0px; }
#box{πλάτος:200px; ύψος: 200 εικονοστοιχεία; περιθώριο-δεξιά:αυτόματο; περιθώριο-αριστερά:αυτόματο; στοίχιση κειμένου:κέντρο; }
#box α, #box α: επισκέφθηκε {κείμενο-διακόσμηση: κανένα; χρώμα: #333; εμφάνιση:μπλοκ; }
#box a:αιώρηση {χρώμα: #F00; }       
#box a:hover span{ display:block; θέση:απόλυτη· πλάτος: 0; ύψος:0; περίγραμμα: συμπαγές 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=πλαίσιο>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>






Προηγούμενος:Έρχεται ένας νέος τύπος επίθεσης DDoS
Επόμενος:Λογισμικό δοκιμής ταχύτητας κάρτας SD Android, δοκιμάστε την ταχύτητα ανάγνωσης και εγγραφής της κάρτας μνήμης
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 11:20:12 μ.μ. |
admin Δημοσιεύτηκε στις 2014-12-3 23:17
Δεν ξέρω τι είναι το τρίγωνό σου


Το τρίγωνο συμπιέζεται με ένα περίγραμμα ανοίγματος, επιτρέψτε μου να βγάλω τον τυπικό κώδικα του δασκάλου μας
[mw_shl_code=html,αληθές]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Μεταβατικό//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

            <style>


#menu { /*Ορίστε το επίπεδο μενού*/
   οικογένεια γραμματοσειρών:Arial;                                /*γραμματοσειρά*/
   μέγεθος γραμματοσειράς: 16 εικονοστοιχεία;                                /*Μέγεθος γραμματοσειράς*/
   πλάτος: 140 εικονοστοιχεία;                                 /*πλάτος*/
   περιθώριο:0 αυτόματο;                                /*0.5em μεταξύ των στοιχείων μενού και οριζόντια στο κέντρο*/
   περίγραμμα: συμπαγές #ccc 1 εικονοστοιχείο;                        /*Γκρι λεπτό περίγραμμα*/
   }

#menu α, #menu α: επισκέφθηκε {
  κείμενο-διακόσμηση: κανένα;                         /*Το κείμενο δεν είναι υπογραμμισμένο*/
  στοίχιση κειμένου:κέντρο;                                 /*Το κείμενο είναι οριζόντια στοίχιση στο κέντρο*/
  χρώμα: #c00;                                         /*κόκκινο κείμενο*/
  εμφάνιση:μπλοκ;                                /*Ορισμός σε στοιχείο επιπέδου μπλοκ*/
  επένδυση: 4 εικονοστοιχεία;                                        /*Περιθώρια*/
  χρώμα φόντου: #fff;                         /*χρώμα φόντου*/
  περίγραμμα: συμπαγές #fff 1 εικονοστοιχείο;                        /*Ίδιο περίγραμμα με το χρώμα φόντου για αποφυγή άλματος*/
  θέση: σχετική;                                /*Χρήση σχετικής τοποθέτησης*/
  πλάτος: 130 εικονοστοιχεία;
  }

#menu ένα span {
  οθόνη: καμία;
}

#menu a:τοποθετήστε το δείκτη του ποντικιού {
  χρώμα περιγράμματος: #c00;                                /*Χρώμα περιγράμματος κόκκινο*/
}
  
#menu a:εύρος αιώρησης {
        εμφάνιση:μπλοκ;                /*Ορισμός σε στοιχείο επιπέδου μπλοκ*/
  θέση:απόλυτη·                                 /*Χρήση απόλυτης τοποθέτησης*/
  ύψος:0;                                         /*Το ύψος είναι 0*/
  πλάτος: 0;                                         /*0*Το πλάτος είναι 0*/
  περίγραμμα: συμπαγής #fff 8px;                        /*Ορισμός προεπιλεγμένου στυλ περιγράμματος*/
  κορυφή: 4 εικονοστοιχεία;                                        /*Κάθετη τοποθέτηση*/        
  υπερχείλιση: κρυφό;
  }

  #menu a:τοποθετήστε το δείκτη του ποντικιού span.left {
  περίγραμμα-αριστερά-χρώμα:#c00;
  αριστερά:8px;
  }

  #menu a:τοποθετήστε το δείκτη του ποντικιού span.right {
  περίγραμμα-δεξιά-χρώμα:#c00;
  δεξιά:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>μενού βέλους</title></head>

<body>
    <div id="μενού">
       <a href="#">
               <span class="αριστερά"></span> στοιχείο μενού 1<span class="δεξιά"></span> </a>
       <a href="#">
                <span class="left"></span> στοιχείο μενού 2</a>
       <a href="#">
                           <span class="αριστερά"></span> στοιχείο μενού 3<span class="δεξιά"></span> </a>
       <a href="#">
                        <span class="αριστερά"></span> στοιχείο μενού 4<span class="δεξιά"></span> </a>
       <a href="#">
                           <span class="left"></span> στοιχείο μενού πέντε</a> </div>
</body>
</html>
[/mw_shl_code]
Δημοσιεύτηκε στις 3/12/2014 11:17:49 μ.μ. |
Σαφώς δεν μου υπαινίχθηκες Δημοσιεύτηκε στις 2014-12-3 22:38
Το τρίγωνο μπλοκάρει το περιεχόμενο, πώς να ρυθμίσω την απόσταση, μόλις προσαρμόσω την απόσταση, γίνεται απόλυτη ρύθμιση θέσης

Δεν ξέρω τι είναι το τρίγωνό σου
[mw_shl_code=html,αληθές]
<!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="text/html; charset=utf-8" />
<title>Έγγραφα χωρίς τίτλο</title>
<style type="κείμενο/css">
*{padding:0px; περιθώριο:0px; }
#box a{περίγραμμα: 1px στερεό #666; }
#box{πλάτος:250px; ύψος: 200 εικονοστοιχεία; περιθώριο-δεξιά:αυτόματο; περιθώριο-αριστερά:αυτόματο; στοίχιση κειμένου:κέντρο; περίγραμμα: συμπαγές 1px #999999; }
#box α, #box α: επισκέφθηκε {κείμενο-διακόσμηση: κανένα; χρώμα: #333; εμφάνιση:μπλοκ; }       
#box a:hover span{ position:relative; περίγραμμα: συμπαγές #FFFFFF 1 εικονοστοιχείο; padding-left:20px}
#box a:αιώρηση{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=πλαίσιο>
        <a href="#"><span class="z"></span> αυτή είναι η πρώτη <span class="y" ></span></a>
    <a href="#"><span class="z"></span> αυτό είναι το δεύτερο <span class="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η τρίτη κλάση <span="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η τέταρτη <span class="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η πέμπτη <span class="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η έκτη κλάση <span="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 11:17:07 μ.μ. |
[mw_shl_code=html,,true] <!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="text/html; charset=utf-8" />
<title>Έγγραφα χωρίς τίτλο</title>
<style type="κείμενο/css">
*{padding:0px; περιθώριο:0px; }
#box a{περίγραμμα: 1px στερεό #666; }
#box{πλάτος:200px; ύψος: 200 εικονοστοιχεία; περιθώριο-δεξιά:αυτόματο; περιθώριο-αριστερά:αυτόματο; στοίχιση κειμένου:κέντρο; περίγραμμα: συμπαγές 1px #999999; }
#box α, #box α: επισκέφθηκε {κείμενο-διακόσμηση: κανένα; χρώμα: #333; εμφάνιση:μπλοκ; }        
#box a:hover span{ position:absolute; πλάτος: 0; ύψος:0; περίγραμμα: συμπαγές 8px #FFFFFF; }
#box a:αιώρηση{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=πλαίσιο>
        <a href="#"><span class="z"></span> αυτή είναι η πρώτη <span class="y" ></span></a>
    <a href="#"><span class="z"></span> αυτό είναι το δεύτερο <span class="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η τρίτη κλάση <span="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η τέταρτη <span class="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η πέμπτη <span class="y"></span></a>
    <a href="#"><span class="z"></span> αυτή είναι η έκτη κλάση <span="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 9:40:28 μ.μ. |

Δημοσιεύτηκε στις 3/12/2014 10:12:27 μ.μ. |
Βάλτε:εμφάνιση:μπλοκ; Αφαιρέστε και το πρόβλημα λύθηκε!
Σωστός κωδικός:

[mw_shl_code=html,αληθές] <!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="text/html; charset=utf-8" />
<title>Έγγραφα χωρίς τίτλο</title>
<style type="κείμενο/css">
*{padding:0px; περιθώριο:0px; }
#box{πλάτος:200px; ύψος: 200 εικονοστοιχεία; περιθώριο-δεξιά:αυτόματο; περιθώριο-αριστερά:αυτόματο; στοίχιση κειμένου:κέντρο; }
#box α, #box α: επισκέφθηκε {κείμενο-διακόσμηση: κανένα; χρώμα: #333; εμφάνιση:μπλοκ; }
#box a:αιώρηση {χρώμα: #F00; }        
#box a:hover span{ position:absolute; πλάτος: 0; ύψος:0; περίγραμμα: συμπαγές 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=πλαίσιο>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 10:15:06 μ.μ. |
admin δημοσιεύτηκε στις 2014-12-3 22:12
Βάλτε:εμφάνιση:μπλοκ; Αφαιρέστε και το πρόβλημα λύθηκε!
Σωστός κωδικός:

Τρομερό!
Δημοσιεύτηκε στις 3/12/2014 10:16:26 μ.μ. |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Έτσι το άλλο τρίγωνο θα τυλίξει αυτόματα τη γραμμή
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 10:17:56 μ.μ. |
Wasp Δημοσιεύτηκε στις 2014-12-3 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Έτσι το άλλο τρίγωνο θα τυλίξει αυτόματα τη γραμμή

Καθένας από αυτούς είναι ένα ισχυρό άτομο και αν υπάρξει πρόβλημα στο μέλλον, θα αναρτηθεί εδώ. Σας ευχαριστώ όλους για τη βοήθειά σας
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 10:18:04 μ.μ. |
Σε ευχαριστώ πολύ
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 10:36:11 μ.μ. |
Το ερώτημα τίθεται ξανά. [mw_shl_code=html,αληθές] <!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="text/html; charset=utf-8" />
<title>Έγγραφα χωρίς τίτλο</title>
<style type="κείμενο/css">
*{padding:0px; περιθώριο:0px; }
#box{πλάτος:200px; ύψος: 200 εικονοστοιχεία; περιθώριο-δεξιά:αυτόματο; περιθώριο-αριστερά:αυτόματο; στοίχιση κειμένου:κέντρο; }
#box α, #box α: επισκέφθηκε {κείμενο-διακόσμηση: κανένα; χρώμα: #333; εμφάνιση:μπλοκ; }
#box a:αιώρηση {χρώμα: #F00; περίγραμμα: συμπαγές #FF0000 2px; }       
#box a:hover span{ position:absolute; πλάτος: 0; ύψος:0; περίγραμμα: συμπαγές 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=πλαίσιο>
        <a href="#"><span class="z"></span>1<span class="y"></span></a>
    <a href="#"><span class="z"></span>2<span class="y"></span></a>
    <a href="#"><span class="z"></span>3<span class="y"></span></a>
    <a href="#"><span class="z"></span>4<span class="y"></span></a>
    <a href="#"><span class="z"></span>5<span class="y"></span></a>
    <a href="#"><span class="z"></span>6<span class="y"></span></a>
</div>

</body>
</html>[/mw_shl_code]
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 3/12/2014 10:38:34 μ.μ. |

Το τρίγωνο μπλοκάρει το περιεχόμενο, πώς να ρυθμίσω την απόσταση, μόλις προσαρμόσω την απόσταση, γίνεται απόλυτη ρύθμιση θέσης

QQ图片20141203223601.png (3.61 KB, Αριθμός λήψεων: 391)

Δημοσιεύτηκε στις 3/12/2014 10:53:13 μ.μ. |
Σαφώς δεν μου υπαινίχθηκες Δημοσιεύτηκε στις 2014-12-3 22:38
Το τρίγωνο μπλοκάρει το περιεχόμενο, πώς να ρυθμίσω την απόσταση, μόλις προσαρμόσω την απόσταση, γίνεται απόλυτη ρύθμιση θέσης

δεν θα βοηθήσει
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.
Mail To:help@itsvse.com