Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Css Problemchen... - Übersicht schaffen, Probieren geht über Studieren
Julian Ulrich
Geschrieben am: Di 24.05.2005, 20:49
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 631
Mitglied seit: 8.03.2004


Hallo,

Wenn ich mit Css arbeite, dann lautet mein Motto: "Lieber probieren, als studieren".
Das funktioniert auch ganz gut und meist kommt was nettes dabei raus.

Leider war das diesmal nicht ganz so:

CODE
<div class="header">
 <h1 id="title"><a href="index.php"><img src="headerneu.jpg" alt="DerWebmaster - Webmaster Tricks, Tutorials, Links" /></a></h1>
 <div id="menu"> <a  href="index.php">STARTSEITE</a><a href="news.php">NEWS</a><a href="artikel.php">ARTIKEL</a><a href="verzeichnis.php">VERZEICHNIS</a><a href="lexikon.php">LEXIKON</a><a href="linktipps.php">LINKTIPPS</a>
 </div>
 <div style="background-color: #FA7821; padding: 5px; border-top: 1px dashed #ffffff;">
   <div class="menu2"><a href="index.php">Startseite</a> &raquo;</div>
 </div>
 <div id="content">    <p><a href="index.php">&raquo;Internet</a>
     dewdwedewde</p>
<a href="javascript:history.back();">Zurück</a>
 </div>
 <div style="background-color: #F94F06; border-bottom: 1px dashed #ffffff; padding-top: 5px;"></div>
 <div style="background-color: #FA7821; border-bottom: 1px dashed #ffffff; padding: 5px;">
   <div class="menu2"><a href="impressum.php">&raquo;Impressum</a> <a href="kontakt.php">&raquo;Kontakt</a>
     <a href="presse.php">&raquo;Presse</a> <a href="sitemap.php">&raquo;Sitemap</a>
     || <a href="http://www.wcheck.com" target="_blank">Geld</a> | <a href="http://www.iralo.de" target="_blank">Iralo</a>
     | <a href="http://www.computer-tipps.net" target="_blank">XP Tipps</a></div>
 </div>
 <div style=" background-image: url(bg.gif); border-top: 2px solid #000000;">
   &nbsp; </div>
 <div style="position:absolute;left:105%; top:40px; margin:0px auto;">
cdscdscsd
 </div>
</div>


CODE
/* CSS Document */
body
{
font-family:Verdana;
font-size:12px;
background-color:#efdfd6;
background-image: url(bg.gif);
background-repeat:repeat;float:left;
}

h1 {font-size:18px;color:#000000;margin:0px;}
h2 {font-size:14px;color:#000000;}
h3 {font-size:14px;color:#000000;}
p {margin-top:0px;}


a:link{color:#000;text-decoration:none;font-weight:bold;}
a:visited{color:#000;text-decoration:none;font-weight:bold;}
a:hover{color:#fff;text-decoration:underline;font-weight:bold;}
a:active{color:#fff;text-decoration:underline;font-weight:bold;}

#menu2 a:link, a:visited {
 color:#000000;
 text-decoration:none;
}

#menu2 a:hover, .menu2 .aktiv {
 text-decoration:underline;
 color:#000000;
}


#menu a:link, #menu a:visited {
 color:#000000;
 text-decoration:none;
padding:10px;
background-color:#FA7821;
}

#menu a:hover, #menu .aktiv {
background-color:#003366;
 text-decoration:underline;
 padding:10px;
 color:#ffffff;
}


/* Die Titelzeile */
#title {
height:120px;
padding:0px;
background-image: url(verlauf.jpg);
border-bottom:1px solid #000000;
}

/* Das Menü */
#menu {
color:#ffffff;
background-color:#FA7821;
text-align:left;
padding:10px 0px;
}

/* Der Inhalt */
#content {
border-top:1px solid #000000;
background-color:#e7d3bd;
padding:5px;
color:#000000;
}

.header {
position:absolute;left:0px; top:0px; width:80%;
margin:0px auto; text-align:left;
border-right:solid 1px #ffffff;
}

img {
border: 0;
}


Nun funktioniert z.B. der hover von normalen Links nicht...
Außerdem ist alles etwas seltsam und umständlich, oder?

Bitte um Hilfe!
Was soll ich optimieren?

Hier übrigens die Seite (Testphase!):
http://www.wcheck.com/derwebmasterneu/

mfg, julian


--------------------
Top
PMEmail PosterUsers Website
Top
 
 
Jörg Kruse
#2 Geschrieben am: Di 24.05.2005, 21:03 (+00:13)
Report PostQuote Post

AyomRank 5
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 418
Mitglied seit: 19.12.2004


QUOTE (Julian Ulrich @ Di 24.5.2005, 21:49)
Nun funktioniert z.B. der hover von normalen Links nicht...

In welchem Browser? Bei mir funktionieren die Hover Effekte


--------------------
Top
PMEmail PosterUsers Website
Top
 
Kooistra
#3 Geschrieben am: Di 24.05.2005, 21:29 (+00:26)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 85
Mitglied seit: 25.04.2005


Bei mir auch - Firefox mit XP.
Top
PMEmail Poster
Top
 
Julian Ulrich
#4 Geschrieben am: Di 24.05.2005, 21:30 (+00:00)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 631
Mitglied seit: 8.03.2004


Ja, die im Menü funktionieren perfekt.
Aber geh mal auf "Internet" im Content.

mfg, julian


--------------------
Top
PMEmail PosterUsers Website
Top
 
Jörg Kruse
#5 Geschrieben am: Di 24.05.2005, 21:39 (+00:08)
Report PostQuote Post

AyomRank 5
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 418
Mitglied seit: 19.12.2004


Auch bei dem Link gibt es einen Hover Effekt (weiß + unterstrichen)


--------------------
Top
PMEmail PosterUsers Website
Top
 

#6 Geschrieben am: Mi 25.05.2005, 01:15 (+03:36)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 0
Mitglied seit: --


im ie 6.x und nn funktionierts auch

gruss
Top
PMEmail Poster
Top
 

#7 Geschrieben am: Mi 25.05.2005, 02:27 (+01:11)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 0
Mitglied seit: --


QUOTE (Julian Ulrich @ Di 24.5.2005, 20:49)


h2 {font-size:14px;color:#000000;}
h3 {font-size:14px;color:#000000;}
p {margin-top:0px;}


statt dessen kann man auch schreiben:

h2, h3 {font-size:14px;color:#000000;}

aber ob's das bringt?

Sonst schau doch mal bei http://www.w3.org/TR/REC-CSS2/syndata.html
Ist ganz interessant.

gruss
Top
PMEmail Poster
Top
 
Julian Ulrich
#8 Geschrieben am: Mi 25.05.2005, 10:35 (+08:07)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 631
Mitglied seit: 8.03.2004


Ach ja plötzlich funktioniert es, hat man aber schon einmal drauf geklickt, geht der hover Effekt nicht mehr bei einem erneuten Klick. Was muss ich ändern? Einfach das a:visited wegstreichen?


--------------------
Top
PMEmail PosterUsers Website
Top
 
Joel
Enzian Media GmbH
#9 Geschrieben am: Mi 25.05.2005, 10:43 (+00:07)
Report PostQuote Post

AyomRank 7
**************

Gruppe: Member (aktiv)
Beiträge: 1441
Mitglied seit: 17.06.2004


Julian smile.gif Bin mir nicht sicher, aber etvl. solltest du visited vor dem hover definieren?


--------------------
EagleFind.com - Die visuelle Suchmaschine
Enzian Media bietet Entwicklung von Websites, Videos und Webcam-Streaming.

Suxedoo- Werbekampagne im Wert von 5000.- jetzt Gewinnen! Nur für im Handelsregister eingetragene Frimen!
Top
PMUsers WebsiteICQ
Top
 
Jörg Kruse
#10 Geschrieben am: Mi 25.05.2005, 11:49 (+01:06)
Report PostQuote Post

AyomRank 5
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 418
Mitglied seit: 19.12.2004


An dieser Stelle geht es recht durcheinander:

QUOTE ("Code")

#menu2 a:link, a:visited {
color:#000000;
text-decoration:none;
}

#menu2 a:hover, .menu2 .aktiv {
text-decoration:underline;
color:#000000;
}


Zweimals #menu2, einmal .menu2

Letzteres ist wohl richtig:

CODE

<div class="menu2">


und ".aktiv" sollte wohl eigentlich "a:active" heißen wink.gif?


--------------------
Top
PMEmail PosterUsers Website
Top
 
Julian Ulrich
#11 Geschrieben am: Mi 25.05.2005, 12:53 (+01:04)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 631
Mitglied seit: 8.03.2004


So nun schaut es gut aus, habe einfach a:menu2 ganz weggelassen und so greift die Standardlinkformatierung auch im Footer - passt!

Der Quellcode hat auch eine Schlankheitskur erhalten smile.gif
--> alles in die Css Datei ausgelagert.

Danke!


--------------------
Top
PMEmail PosterUsers Website
Top
 
Kooistra
#12 Geschrieben am: Mi 25.05.2005, 18:00 (+05:06)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 85
Mitglied seit: 25.04.2005


Jo, geht jetzt alles (Firefox und XP).
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/7187

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Website-Übersicht bei Google Michael Hierweck 650 13 Fr 5.01.2007, 11:44
Affiliate Feed-Übersicht Dirk Hackel 535 0 Mi 15.11.2006, 10:26
Übersicht Anbieter von Layer Werbung PH 625 0 Mi 28.06.2006, 10:33
Control Panel - verliere die Übersicht RogerS 311 0 Do 18.05.2006, 16:42
Statistik mit guter Refferer Übersicht gesucht! baerwurz 481 2 Mo 30.01.2006, 08:58
Übersicht Newsletter captain cord 651 4 Di 20.12.2005, 18:38
Linkpartner Übersicht online? markusweb 499 4 Mo 11.07.2005, 20:20
Feedback für Suchmaschinen Tools Übersicht David Reisner 565 13 Mi 20.10.2004, 19:38
In der Newsflut die Übersicht behalten Alain Aubert 567 3 Mi 13.10.2004, 08:01




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]