mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 08:15 Benutzername: Passwort: Auto-Login

Thema: css - link attribute bearbeiten! vom 23.06.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css - link attribute bearbeiten!
Seite: 1, 2  Weiter
Autor Nachricht
mtk
Threadersteller

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Do 23.06.2005 13:40
Titel

css - link attribute bearbeiten!

Antworten mit Zitat Zum Seitenanfang

hi leute! Grins

hab ein kleines problem mit css! hab folgende attribute für links vorgegeben!

Code:
a {background-image:url(../img/wolke_web.gif); background-repeat:no-repeat; padding-left:40px; background-position:left; }
a:link     {text-decoration:none; color:#f60; background-image:url(../img/wolke_web.gif) }
a:visited {text-decoration:none; color:#f90 }
a:hover     {text-decoration:underline; background-image:url(../img/wolke_smile.gif);}


so! das war ja nur für die navi-leiste gedacht! problem: wenn ich nun zb: etwas text verlinken will haut der immer die wolke-grafik mit dran! das will ich natürlich nicht! kann man nicht irgendwie die atrribute für die navi in eine id hauen und so unterschiedlich mit atrributen aus statten?

falls ja! wie geht das! hab im self-html noch nix gefunden! wär für eure hilfe dankbar! sitz erst seit einer woche an dreamweaver und flash und das wird meine erste web-site!


Zuletzt bearbeitet von shakadi am Do 23.06.2005 13:49, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Sarky

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 34
Geschlecht: Männlich
Verfasst Do 23.06.2005 13:50
Titel

Antworten mit Zitat Zum Seitenanfang

CSS
Code:

#mainmenu a
{
   color: #00FF00;
}

#content a
{
   color: #FF0000;
}


HTML
Code:

<div id="mainmenu">
   <a href="foo.html">Mainmenu Link</a>
</div>

<div id="content">
   <a href="bar.html">Content Link</a>
</div>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mtk
Threadersteller

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Do 23.06.2005 13:53
Titel

Antworten mit Zitat Zum Seitenanfang

* Ja, ja, ja... *

aha! probier ich gleich mal!
  View user's profile Private Nachricht senden
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Do 23.06.2005 13:53
Titel

Antworten mit Zitat Zum Seitenanfang

Mit Klassen, ja.

Einmal machste dir ne link-Klasse für Links mit Woke. Und einmal ohne.

z.B.:

Code:

a.wolke:link { }
a.wolke:hover {}
a.wolke:visted {}
...

a.ohnewolke:link{}
...

etc.


Damm halt entsprechend bei nem Link:
Code:
<a class="wolke" href="link.php"></a>
oder
<a class="ohnewolke" href="link.php">text</a>


edit: dem Sarky seins tuts aber auch Lächel


Zuletzt bearbeitet von Glas am Do 23.06.2005 14:08, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
mtk
Threadersteller

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Do 23.06.2005 13:57
Titel

Antworten mit Zitat Zum Seitenanfang

also irgendwo ist der wurm drin!

CSS:
Code:

div#navi  { position:absolute; left: 1px; top:80px; fontsize:100%; }
div#navi ul { list-style-type:none; }
/*div#hallo_text {border-width:2px; border-style:dashed; text-align:center; font-size:100%; position:absolute; top:130px; left:250px; padding:4px 6px 8px 6px; }
div#aktuell_text {border-width:2px; border-style:dashed; text-align:left; font-size:100%; position:absolute; top:130px; left:250px; padding:4px 6px 8px 6px; }*/
a {background-image:url(../img/wolke_web.gif); background-repeat:no-repeat; padding-left:40px; background-position:left; }
a:link     {text-decoration:none; color:#f60; background-image:url(../img/wolke_web.gif) }
a:visited {text-decoration:none; color:#f90 }
a:hover     {text-decoration:underline; background-image:url(../img/wolke_smile.gif);}
div#haupt_text  {border-width:2px; border-style:dashed; text-align:left; font-size:100%; position:absolute; top:130px; left:250px; padding:6px 10px 12px 8px; max-width:900px; }
div#news   { b list-style:none; font-size:50%; text-align:left; position:absolute; top:270px; left:1px; border-color:#00CC00; border: 1px 1px 1px 1px; border-style:groove; max-width:180px; padding: 3px 3px 5px 3px; }


html
Code:
<div id="navi">
   <h2 id="navi_titel">Navigationsleiste</h2>
   <ul>
      <li><a href="kapitel_aktuell/aktuell.htm">Aktuell</a></li>
      <li><a href="kapitel_fotogalerie/fotogalerie.htm">Fotogalerie</a></li>
      <li><a href="kapitel_mediengalerie/mediengalerie.htm">Mediengalerie</a></li>
      <li><a href="kapitel_links/links.htm">Links</a></li>
   </ul>
</div>



// du musst deinen code nicht selber einfärben.
// Nimm bitte in Zukunft die <code> Tags.
// Danke.


Zuletzt bearbeitet von shakadi am Fr 24.06.2005 07:05, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Do 23.06.2005 14:07
Titel

Antworten mit Zitat Zum Seitenanfang

Inwiefern der Wurm drin?

Die Lösungen stehen hier eigentlich im Thread - wenns immer noch um diese Wolkengeschichte geht zumindest *zwinker*
  View user's profile Private Nachricht senden
mtk
Threadersteller

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Do 23.06.2005 14:11
Titel

Antworten mit Zitat Zum Seitenanfang

also die class wolke funktioniert!

aber die ohne geht immer noch nicht! * Keine Ahnung... *

ne moment!!!!

ich habs! jetzt gehts! hatte vergessen was aus der eine klasse zu löschen! jetzt funzt´s! Grins

danke für eure hilfe! vor allem dir glas!
  View user's profile Private Nachricht senden
mtk
Threadersteller

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Do 23.06.2005 14:13
Titel

Antworten mit Zitat Zum Seitenanfang

vielen dank auch sarky! aber da hab ich wohl noch nicht den durchblick! du wolltest es mit den id´s machen, oder?

aber das mit der class is bei mir besser! danke aber trotzdem!


ich liebe dieses forum! * Applaus, Applaus *
  View user's profile Private Nachricht senden
 
Ähnliche Themen css > link ...
css->active Link?
[css] Darstellungsproblem nach Link
[html/css] 2 classes auf einen link ?
[css] ausgewählter link aktiv ?
Link Rollover im CSS Stil
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.