CSS-Bild?

Februar 4th, 2008, 10:08 pm

Gday friendz,
Ich möchte CSS-Bild Ersatzkraft grafische Navigation auf der Seite und Seite Titel beginnen mit Ihrer Zielregion Stichworte? Ist es von Vorteil für mich oder nicht?

Grüße
Gilbert Imlay

[righteous_trespasser]

Februar 4th, 2008, 10:52 pm

Sprechen Sie über Hintergrund-Bilder für Ihre Links platzieren und dann die Text-Links über die Hintergründe...Wenn Sie dann Ja, ist es von Vorteil, Google folgt nur Text-Links. Wissen Sie, wie Sie diese einfügen mit CSS oder brauchen Sie ein Beispiel nennen?

Februar 4th, 2008, 11:29 pm

Hallo righteous_trespasser,

Ja, ich rede backwords Link, und ich bin auch notwendig n Beispiel dafür, wie zum Einfügen von Bildern mit CSS.

IM dankbar, dass Sie.

[righteous_trespasser]

Februar 4th, 2008, 11:38 pm

Na gut, ich bin mit dies Website als Beispiel...Schau dir das Menü...sind die Links in Text, aber ich habe Hintergrund-Bilder zu machen, schöner Blick...Code:

XHTML:

Code: [ Download ] [ Select ]

<div class='menubar'>
<div class='button-selected'><p>Home</p></div>
<div class='button'><a href='downloads.htm'>Downloads</a></div>
<div class='button'><a href='products.htm'>Products</a></div>
<div class='button'><a href='services.htm'>Services</a></div>
<div class='button'><a href='customers.htm'>Customers</a></div>
<div class='button'><a href='news.htm'>News</a></div>
<div class='button'><a href='support.htm'>Support</a></div>
<div class='button'><a href='aboutus.htm'>About us</a></div>
<div class='button'><a href='videos.htm'>Videos</a></div>
<div class='button'><a href='#'>Forum</a></div>
</div>

1. <div class='menubar'>
2. <div class='button-selected'><p>Home</p></div>
3. <div class='button'><a href='downloads.htm'>Downloads</a></div>
4. <div class='button'><a href='products.htm'>Products</a></div>
5. <div class='button'><a href='services.htm'>Services</a></div>
6. <div class='button'><a href='customers.htm'>Customers</a></div>
7. <div class='button'><a href='news.htm'>News</a></div>
8. <div class='button'><a href='support.htm'>Support</a></div>
9. <div class='button'><a href='aboutus.htm'>About us</a></div>
10. <div class='button'><a href='videos.htm'>Videos</a></div>
11. <div class='button'><a href='#'>Forum</a></div>
12. </div>

CSS:

Code: [ Download ] [ Select ]

div.menubar
{
background-color:#b3d3ff;
width:980px;
height:23px;
}
div.button-selected
{
margin:0px;
padding:0px;
width:95px;
height:23px;
background-image:url('images/button-selected.gif');
text-align:center;
float:left;
}
div.button-selected p
{
padding-top:5px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-decoration:none;
color:#003791;
}
div.button
{
text-align:center;
margin:0px;
padding:0px;
width:95px;
height:23px;
float:left;
}
div.button a
{
margin-top:10px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-decoration:none;
color:#003791;
}
div.button a:hover
{
margin-top:10px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-decoration:underline;
color:#003791;
}
div.button:hover
{
background-image:url('images/button-over.gif');
background-position:bottom center;
text-align:center;
margin:0px;
padding:0px;
width:95px;
height:23px;
float:left;
}

1. div.menubar
2. {
3. background-color:#b3d3ff;
4. width:980px;
5. height:23px;
6. }
7. div.button-selected
8. {
9. margin:0px;
10. padding:0px;
11. width:95px;
12. height:23px;
13. background-image:url('images/button-selected.gif');
14. text-align:center;
15. float:left;
16. }
17. div.button-selected p
18. {
19. padding-top:5px;
20. margin:0px;
21. font-family:arial,helvetica,sans-serif;
22. font-size:12px;
23. text-decoration:none;
24. color:#003791;
25. }
26. div.button
27. {
28. text-align:center;
29. margin:0px;
30. padding:0px;
31. width:95px;
32. height:23px;
33. float:left;
34. }
35. div.button a
36. {
37. margin-top:10px;
38. margin:0px;
39. font-family:arial,helvetica,sans-serif;
40. font-size:12px;
41. text-decoration:none;
42. color:#003791;
43. }
44. div.button a:hover
45. {
46. margin-top:10px;
47. margin:0px;
48. font-family:arial,helvetica,sans-serif;
49. font-size:12px;
50. text-decoration:underline;
51. color:#003791;
52. }
53. div.button:hover
54. {
55. background-image:url('images/button-over.gif');
56. background-position:bottom center;
57. text-align:center;
58. margin:0px;
59. padding:0px;
60. width:95px;
61. height:23px;
62. float:left;
63. }

Februar 6th, 2008, 9:12 pm

Gday righteous_trespasser,

Ich bin dankbar, dass Sie für das Senden der netten CSS-Code. Ich werde auch
Verwendung ähnlicher dieser Code für meine Website.

Grüße
Gilbert

Februar 10th, 2008, 11:49 am

Sehen Sie sich Eric Meyers CSS Grafik-Menü,

http://meyerweb.com/eric/css/edge/popups/demo2.html



S

[righteous_trespasser]

Februar 10th, 2008, 12:29 pm

suzie hat geschrieben:

Sehen Sie sich Eric Meyers CSS Grafik-Menü,

http://meyerweb.com/eric/css/edge/popups/demo2.html



S

hey, das ist sehr cool, dank S

Februar 10th, 2008, 12:35 pm

Ihr righteous_trespasser das meiste Willkommen,


S

Februar 11th, 2008, 8:00 am

Quote:

Code: [ Download ] [ Select ]

<div class='menubar'>

<div class='button-selected'><p>Home</p></div>

<div class='button'><a href='downloads.htm'>Downloads</a></div>

<div class='button'><a href='products.htm'>Products</a></div>

<div class='button'><a href='services.htm'>Services</a></div>

<div class='button'><a href='customers.htm'>Customers</a></div>

<div class='button'><a href='news.htm'>News</a></div>

<div class='button'><a href='support.htm'>Support</a></div>

<div class='button'><a href='aboutus.htm'>About us</a></div>

<div class='button'><a href='videos.htm'>Videos</a></div>

<div class='button'><a href='#'>Forum</a></div>

</div>

1. <div class='menubar'>
3. <div class='button-selected'><p>Home</p></div>
5. <div class='button'><a href='downloads.htm'>Downloads</a></div>
7. <div class='button'><a href='products.htm'>Products</a></div>
9. <div class='button'><a href='services.htm'>Services</a></div>
11. <div class='button'><a href='customers.htm'>Customers</a></div>
13. <div class='button'><a href='news.htm'>News</a></div>
15. <div class='button'><a href='support.htm'>Support</a></div>
17. <div class='button'><a href='aboutus.htm'>About us</a></div>
19. <div class='button'><a href='videos.htm'>Videos</a></div>
21. <div class='button'><a href='#'>Forum</a></div>
23. </div>

Warum divs? Ive gesehen ein paar Leute tun es auf diese Weise aber immer Im Inhalt unter Verwendung der Listen. Gibt es einen Vorteil durch die Verwendung divs?

[righteous_trespasser]

Februar 11th, 2008, 9:41 am

Nein überhaupt nicht...es war nur meine Art und Weise sie...Listen funktionieren würde genauso gut Ich bin sicher,...

Februar 12th, 2008, 9:02 am

Für mich ziehe ich es vor der <div> Tag, es macht mir einfach Optimierung wenn etwas schief geht mit meiner Codierung

[spork]

Februar 12th, 2008, 9:48 am

Ich bin nicht sicher, was das bedeutet. Optimierung ist etwas, das Sie normalerweise tun, nachdem Sie haben alles richtig funktioniert, und nicht während des Entwicklungsprozesses, wenn etwas falsch läuft. Auch, wie mit einem anderen Tag Optimierung einfacher machen? Zu diesem Thema, wie macht es das Debuggen erleichtern? Die CSS-Syntax ist die gleiche, egal, was Tag die Sie benutzen.

Auf jeden Fall, seine immer mein Verständnis, dass die Listen sind die bevorzugte Art und Weise der Durchführung einer Menü-Struktur. Für mich ist es logisch macht mehr Sinn. Aber auf jeder seinen eigenen.

Februar 12th, 2008, 4:49 pm

Ich denke, daß die effektive Verwendung von div oder Li oder UL, hängt von seinen uns. WENN Sie verwenden die übliche, ich denke, es spielt keine Rolle,
Ich stimme mit spork, müssen Sie Ihren Web-Oberfläche.
und Sie können sehen, wie wirksam es ist.