73%
22%
19%
11%
6%
- 1
- 2
Dienstag, 5. April 2005, 13:23
Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Dienstag, 5. April 2005, 14:41
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Alexander Dick, [EMAIL]alex@dick.at[/EMAIL]" />
<meta name="keywords" content="Sportklub Maishofen, Maishofen, Sportklub, Club, Tennis, Fussball, Rad, Radsport, Laufen, Langlaufen, Laufsport, Leichtathletik, Ski, Ski alpin, Ski nordisch, Schi Alpin, Schi nordisch, Volleyball, Turnen, Mannschaft, Sport, sportlich" />
<meta name="description" content="Informiert über die Sektionen Skisport, Fußball, Leichtathletik, Radsport, Tennis, Turnen und Volleyball. Veranstaltungskalender, Chronik, Neuigkeiten." />
<meta name="reply-to" content="alex@dick.at" />
<title>Sportklub Maishofen</title>
<style type="text/css">
body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%; /* Enables font size scaling in MSIE */
margin:0px;
padding:0px;
}
/* ##### Header ##### */
.topHeader {
color: #333366;
background-color: #ffffff;
text-align: left;
margin:0px;
padding:0px;
height:137px;
width:780px;
background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/01.jpg[/URL]);
background-repeat:no-repeat;
}
/* ##### Navi ##### */
div#navcontainer {
color: #333366;
background-color: #ffffff;
background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/02.jpg[/URL]);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
padding-left:275px;
height: 70px;
}
ul#menu {margin:0px; padding:0px; height:70px;}
ul#menu li {display:inline; list-style-type: none;}
ul#menu li a {margin:0px; padding:0px; width:46px; height:70px; background-repeat:no-repeat; float:left;}
li#item1 a {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/03.jpg[/URL]);}
li#item2 a {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/04.jpg[/URL]);}
li#item3 a {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/05.jpg[/URL]);}
li#item4 a {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/06.jpg[/URL]);}
li#item1 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/03_2.jpg[/URL]);}
li#item2 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/04_2.jpg[/URL]);}
li#item3 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/05_2.jpg[/URL]);}
li#item4 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/06_2.jpg[/URL]);}
</style>
</head>
<body>
<div id="header">
<div class="topHeader"></div>
<div id="navcontainer">
<ul id="menu">
<li id="item1"><a href="#" title="Item 1"> </a></li>
<li id="item2"><a href="#" title="Item 2"> </a></li>
<li id="item3"><a href="#" title="Item 3"> </a></li>
<li id="item4"><a href="#" title="Item 4"> </a></li>
</ul>
</div>
</div>
</body>
</html>
|
funzt im FF, IE 6, Opera 7 und Netscape 7
Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Dienstag, 5. April 2005, 17:40
Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Mittwoch, 6. April 2005, 22:03
... und wenn beim hovern die pics nicht an der richtigen stelle auftauchen, dann führst noch den parameter padding-left, -top, : + oder - 1 bis unendich ein.
STOP: Edit >> ohnenhin schon oben im code
STOP: Edit >> ohnenhin schon oben im code
Im Leben gibt man nur Briefe auf, sonst nix!
www.realtype.org
www.realtype.org
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »webmastersworld« (6. April 2005, 22:05)
Mittwoch, 6. April 2005, 22:32
versuch mal das für die weisse linie, den 2. teil hab' i nicht ganz kapiert 
EDIT:
... jetzt hab ich den 2. teil deiner frage verstanden
schreib mal folgendenes:
==> das müsste helfen
|
|
Quellcode |
1 |
<p style="margin-bottom: -7"><img border="0" src="01.jpg"></p> |
EDIT:
... jetzt hab ich den 2. teil deiner frage verstanden
schreib mal folgendenes:
|
|
Quellcode |
1 |
<img src="bildname.jpg" align=absMiddle> |
Im Leben gibt man nur Briefe auf, sonst nix!
www.realtype.org
www.realtype.org
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »webmastersworld« (6. April 2005, 22:40)
Mittwoch, 6. April 2005, 22:50
Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »heinervdm« (6. April 2005, 22:52)
Mittwoch, 6. April 2005, 23:03
Zitat
Original von webmastersworld
... dass dein pic (im verhältnis zur folgenden schrift nicht so wie jetzt [auf der baseline]), sondern mittig positioniert; hats nicht gefunzt?
Doch doch funzt wie gesagt perfekt. Das von heinervdm werd ich mir auch gleich anschauen :>
Die schnellste Funktion ist immer noch die, die gar nicht erst aufgerufen wird!
Mittwoch, 6. April 2005, 23:07
achso du wolltest nur 'teoretisch' wissen, was align=absMiddle bewirkt.s.o > ähnlicher befehl wie der table align=...
Im Leben gibt man nur Briefe auf, sonst nix!
www.realtype.org
www.realtype.org
Mittwoch, 6. April 2005, 23:37
Original von webmastersworld
s.o > ähnlicher befehl wie der table align=...
Jap, hab auch schon nachgeschaut, schöner Befehl +g+
Jetzt haperts wieder an was anderem:
Ich will aactives setzen, sprich wenn ein Link geklickt wurde, soll links z.b. der eingeblendete Fussball-span bleiben und das Bild soll auch die gleiche Farbe beibehalten wie beim a:hover. (Wo dann im Markup das class="aactive" steht, wird dann natürlich mit PHP geregelt.)
habs mal probiert, funzt aber noch nicht: www.diggity.de/tmp/skm/test6/
Die schnellste Funktion ist immer noch die, die gar nicht erst aufgerufen wird!
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »xanthos« (6. April 2005, 23:38)
Donnerstag, 7. April 2005, 17:37
versuch das:
http://www.dick.at/xanthos/tmp/skm/
statt dem css-bereich mit hover (den du oben hast) - müsste funzen
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 |
li#item1 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/03_2.jpg[/URL]);}
li#item2 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/04_2.jpg[/URL]);}
li#item3 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/05_2.jpg[/URL]);}
li#item4 a:hover {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/
li#item1 a:active {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/03_2.jpg[/URL]);}
li#item2 a:active {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/04_2.jpg[/URL]);}
li#item3 a:active {background-image:url([URL]http://www.dick.at/xanthos/tmp/skm/test2/img/05_2.jpg[/URL]);}
li#item4 a:active {background-image:url([URL]
|
statt dem css-bereich mit hover (den du oben hast) - müsste funzen
Im Leben gibt man nur Briefe auf, sonst nix!
www.realtype.org
www.realtype.org
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »webmastersworld« (7. April 2005, 17:38)
Donnerstag, 7. April 2005, 18:53
bitte style.css zum download anhängen!
das kann kein probl. sein, die class heisst 'info' > da du kein onfocus=this.blur() beim link gesetzt hast, kann das nicht das problem sein
das kann kein probl. sein, die class heisst 'info' > da du kein onfocus=this.blur() beim link gesetzt hast, kann das nicht das problem sein
Im Leben gibt man nur Briefe auf, sonst nix!
www.realtype.org
www.realtype.org
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »webmastersworld« (7. April 2005, 18:54)
- 1
- 2