2 Fragen zu WebsiteBaker

[Fischwaage]

Frage 1:

Hi Leute,
also ich bin blutiger Anfänger sowohl was CSS als auch was WebsiteBaker angeht...
Nun, ich versuche grade eine Seite von mir auf WebsiteBaker umzustellen!
Mit dem Layout ist mir das soweit schon mal gelungen!

Was mir aber absolut nicht gelingen will ich das einfärben der Links...oh man es hört sich so leicht an aber ich kriegs echt nicht auf die Reihe...

Also schaut mal - hier meine Site an der ich grad arbeite:


Da sieht man nun Links das Menü und ja Rechts davon halt den Hauptcontent.

Aber ich kriegs einfach nicht hin das ich im Menü weiße Links habe und dann im Content halt ne andere Farbe.

Ich hab in der Style CSS ja diesen Abschnitt:
a:link, a:visited, a:active {
color: #333333;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: none;

Aber das gilt dann immer für die gesamte Page...
Ich würd gern nur die Menü Links anders einfärben.

Wie stell ich das bloß an?

Frage 2:

Hi Leute,
also ich arbeite grade an dieser Seite hier:


Links seht ihr das Menü. So, darunter würde ich jetzt gerne noch Inhalt einfügen.
Da sollen so kleine Text Anzeigen rein die ich über das CMS bearbeiten kann usw.

Aber wie mach ich das?

Zum Vergleich mal hier die alte Version der Seite die noch 100 % HTML ist und wo kein CMS oder ähnliches hintersitzt - da hab ich unter dem Menü halt einfach diese von mir angesprochenen Text Links untergebracht...



Wie krieg ich das jetzt auch in meiner CMS Version der Seite hin?

 

[sokie]

AW: 2 Fragen zu WebsiteBaker

über

.menu_default a{
/*hier die Regeln für die Menü links*/
}

für den Hover Zustand und den Fall, dass der Link gerade auch der aufgerufene ist (menu_current):

.menu_default a:hover, .menu_current a{
//hier die Regeln
}

 

[Fischwaage]

AW: 2 Fragen zu WebsiteBaker

Hmm hab nicht hinbekommen, habs so probiert:
.menu_default a{
a:link, a:visited, a:active {
color: #FFFFFF;
text-decoration: underline;

 

[sokie]

AW: 2 Fragen zu WebsiteBaker

da hast du ein bisschen kudelnuddel...
so sollte es aussehen:

.menu_default a{
     color: #FFFFFF;
     text-decoration: underline;
}

das muss natürlich nach der regel für alle a elemente und zusätzlich dazu notiert werden.

 

[Fischwaage]

AW: 2 Fragen zu WebsiteBaker

Hallo,
vielen Dank - habe es hingekriegt!
Bin sogar schon so weit und hab das Menü etwas ansprechender gestaltet.

Aber langsam bin ich echt mit den Nerven am Ende...
Hab das Menü nun bissel verschönert mit Hintergrundgrafik und Hover Effekt.
Jetzt ist es genau umgekehrt: Im Firefox ist es perfekt so wie ich es haben will und im Internet Explorer ist es anders...

Also ich kapier das nicht, woran liegt den sowas?
Vor allem weils vorher die ganze Zeit umgekehrt war...

Ich dachte CSS wäre extra dafür da damit die Internet Seiten auf allen Browsern laufen und gleich aussehen...

 

[sokie]

AW: 2 Fragen zu WebsiteBaker

Ich dachte CSS wäre extra dafür da damit die Internet Seiten auf allen Browsern laufen und gleich aussehen...

genau das hatten die vom W3C auch vor - Standards zu schaffen, mit denen gleicher (und konformer) Code auch die gleiche Ausgabe bringt. (Die MS Produkte tun sich mit der Umsetzung etwas schwerer...).

um auf die Frage, wie und warum antworten zu können müsste man also schon die Seite sehen (oder den gesamten Code).

Am einfachsten ist es, das ganze einfach auf einen Webspace zu laden, und den Link hier zu posten.

 

[Fischwaage]

AW: 2 Fragen zu WebsiteBaker

genau das hatten die vom W3C auch vor - Standards zu schaffen, mit denen gleicher (und konformer) Code auch die gleiche Ausgabe bringt. (Die MS Produkte tun sich mit der Umsetzung etwas schwerer...).

um auf die Frage, wie und warum antworten zu können müsste man also schon die Seite sehen (oder den gesamten Code).

Am einfachsten ist es, das ganze einfach auf einen Webspace zu laden, und den Link hier zu posten.

Öhm - ganz oben in meinem ersten Beitrag sind doch die Links zu der Seite...
Hier nochmal:

Bezieht sich halt alles auch auf meinen ersten Post. Dank deiner Hilfe hab ich das mit dem Menü ja schon son bissel hinbekommen. Nun hab ich das Menü sogar grafisch dargestellt mit nem Hover Hintergrund und soweiter.
Das Problem is nur das jetzt wie gesagt Firefox alles korrekt anzeigt und der IE nicht...
Die Abstände der einzelnen Menüpunkte sind im IE größer als im Firefox...nur: Wieso?
Hier mal meine komplette CSS Datei:

body {
background-color: #000000;
background-image: url("http://www.point-of-service.com/wb/pages/images/background1.jpg");
background-repeat: no-repeat;
background-attachment: fixed;

}

body {
font-family: Arial, sans-serif, Helvetica, Verdana,;
color: #000000;
font-size: 11px;
}

a:link, a:visited, a:active {
color: #26447e;
text-decoration: underline;
}
a:hover {
color: #4a6fb7;
text-decoration: none;
}

h1 {
color: #e9bdc8;
font-size: 15px;
font-weight: bold;
}

h2 {
color: #333333;
font-size: 13px;
}



td.menu li, td.menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}


td.menu a.menu_default, td.menu a.menu_current {
margin: 0px;
padding: 0px;
list-style-type: none;
padding: 0px;
margin-bottom: 3px;



display: block;
border: 1px solid #000;
background-color: #5973a5;
padding: 0px;

color: #000;
width: 150px;
height: 20px;

font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;

background: url("http://www.point-of-service.com/wb/pages/hintergrund.png") no-repeat top;

}



td.menu a.menu_current, td.menu a:hover {
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
background: url("hintergrund.png") no-repeat bottom;

}

td.menu a:hover {
background-color: #ff9000;
}


.menu_default a{
color: #FFFFFF;
text-decoration: underline;
}

.menu_default a:hover, .menu_current a{
color: #FFFFFF;
text-decoration: underline;
}

 

[sokie]

AW: 2 Fragen zu WebsiteBaker

Das Problem is nur das jetzt wie gesagt Firefox alles korrekt anzeigt und der IE nicht...
Die Abstände der einzelnen Menüpunkte sind im IE größer als im Firefox...nur: Wieso?

Willst du wirklich wissen wieso? dann kannst du dir hier den Link anschauen
Über hasLayout ? das Konzept des hasLayout im IE/Win | Deutsche Übersetzung

Die Lösung für dein Problem könnte in diesem Trick liegen:

.menu li a{
   display: inline-block;
   display: block;
}