Ergebnis 1 bis 8 von 8

Thema: <div class="dada" in css übergeben..

  1. #1
    Prinz(essin)
    Registriert seit
    19.03.2005
    Ort
    Dinslucken
    Beiträge
    762
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard <div class="dada" in css übergeben..

    hi,
    ich habe mehrere <div>-tags denen habe ich die class"linkmenu" zugeteilt.
    wie mache ich das dann in css,das der a:hover nur dort anders ist.also wie muss das aussehen wenn zb. für die class="linkmenu" die a:hover: #FFFFFF;
    ?ich hoffe es war verständlich..


    mfg <SonicChriz>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

    <?php
    $artists = array("Methodman", "Big L");
    if(!in_array($new_artist, $artists)) {
    array_push($artists, $new_artist);
    }

  2. #2
    Prinz(essin)
    Themenstarter

    Registriert seit
    19.03.2005
    Ort
    Dinslucken
    Beiträge
    762
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich meinte natürlich das die a:hover {
    color: #FFFFFF;
    }
    hatte mich verschrieben.

    <?php
    $artists = array("Methodman", "Big L");
    if(!in_array($new_artist, $artists)) {
    array_push($artists, $new_artist);
    }

  3. #3
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!
    Code:
    .linkmenu a&#58;hover &#123;color&#58; #FFFFFF;&#125;
    G.a.d.M.

    Ronald

  4. #4
    Prinz(essin)
    Themenstarter

    Registriert seit
    19.03.2005
    Ort
    Dinslucken
    Beiträge
    762
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    also ich habe es mal so versucht wie du es gesagt hast.
    es funktioniert nicht.
    hier mein code:
    Code:
    .linkmenu a.hover &#123;
    cursor&#58; default;
    &#125;
    was ist falsch?

    <?php
    $artists = array("Methodman", "Big L");
    if(!in_array($new_artist, $artists)) {
    array_push($artists, $new_artist);
    }

  5. #5
    Prinz(essin)
    Themenstarter

    Registriert seit
    19.03.2005
    Ort
    Dinslucken
    Beiträge
    762
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    der html code dazu ist der hier:
    Code:
    <div id="home" class="linkmenu">
    		<td rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image53','','Bilder/rollover/home.over.jpg',1&#41;">
    		[img]Bilder/basketballzone_06.jpg[/img]</a></td></div>

    <?php
    $artists = array("Methodman", "Big L");
    if(!in_array($new_artist, $artists)) {
    array_push($artists, $new_artist);
    }

  6. #6
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Wozu eigentlich das "div" wenn du mit einer Tabelle arbeitest?

    Irgendwie habe ich den Eindruck, daß irgendwo im Net eine schöne HP für Webmaster ist, die drauf schwört, daß man immemr und überall Div-Tags einsetzen muß, egal ob es Sinn macht odeer nicht. Ich würdde diese Seite gern mal sehen ...

    In deinem Script macht das "div" übrigens überhaupt keinen Sinn.
    Ob das Javascrript korrekt ist kann ich dir auch nicht sagen, sieht aber so aus, als wenn Frontpage oder Dreamweaver es verbrochen hat.

    Zur Frage:

    So sollte es gehen:
    Code:
    <td rowspan="2" class="linkmenu"><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image53','','Bilder/rollover/home.over.jpg',1&#41;">
          [img]Bilder/basketballzone_06.jpg[/img]</a></td>
    Wenn ich mir das so anschaue, dann kann ich nur ahnen, wie der komplette Quelltext ausssieht und ehrlich gesagt mir graut davor. Das ist jetzt kein Vorwurf gegen dich - nur gegen deinen Editor.
    Ich kenne die HP nict, vermutlich kann man das alles aber viel einfach und übersichtlicher ohne Javascript lösen.
    Du kannst ja mal spaßeshalber den kompletten Quelltext zeigen *fg*

    G.a.d.M.

    Ronald

  7. #7
    Prinz(essin)
    Themenstarter

    Registriert seit
    19.03.2005
    Ort
    Dinslucken
    Beiträge
    762
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ja das JS ist vom Dreamweaver.
    hier der quellcode den du sehen wolltest:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>BasketballZone 2005</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript" src="mouseover.js"></script>
    <style type="text/css">
    body &#123;
    background-color&#58; #363636;
    margin-left&#58; 0px;
    margin-top&#58; 0px;
    margin-width&#58; 0px;
    margin-height&#58; 0px;
    &#125;
    a&#58;link &#123;
    font-family&#58; Tahoma;
    font-size&#58; 11px;
    text-decoration&#58; none;
    color&#58; #FFFFFF;
    &#125;
    a&#58;hover &#123;
    font-family&#58; Tahoma;
    font-size&#58; 11px;
    text-decoration&#58; none;
    color&#58; #FF0000;
    &#125;
    a&#58;visited &#123;
    font-family&#58; Tahoma;
    font-size&#58; 11px;
    text-decoration&#58; none;
    color&#58; #FF0000;
    &#125;
    .linkmenu a.hover &#123;
    cursor&#58; default;
    &#125;
    </style>
    </head>
    <body onLoad="MM_preloadImages&#40;'Bilder/rollover/home.over.jpg','Bilder/rollover/news.over.jpg','Bilder/rollover/kontekt.over.jpg','Bilder/rollover/links.over.jpg','Bilder/rollover/forum.over.jpg','Bilder/rollover/adminlist.over.jpg','Bilder/rollover/userlist.over.jpg','Bilder/rollover/about.over.jpg','Bilder/rollover/audios.over.jpg','Bilder/rollover/videos.over.jpg','Bilder/rollover/downloads.over.jpg','Bilder/rollover/pictures.over.jpg'&#41;">
    <center><table id="Tabelle_01" width="1001" height="800" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td background="Bilder/basketballzone_01.jpg" width="1000" height="155" colspan="3">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="155">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_02.jpg" width="1000" height="17" colspan="3">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="17">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_03.jpg" width="153" height="11">
    			</td>
    		<td background="Bilder/basketballzone_04.jpg" width="694" height="617" rowspan="22">
    		    </td>
    		<td background="Bilder/basketballzone_05.jpg" width="153" height="14" rowspan="2">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="11">
    			</td>
    	</tr>
    	<tr><div id="home" class="linkmenu">
    		<td rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image53','','Bilder/rollover/home.over.jpg',1&#41;">
    		[img]Bilder/basketballzone_06.jpg[/img]</a></td></div>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="3">
    			</td>
    	</tr>
    	<tr>
    		<td valign="top" background="Bilder/basketballzone_07.jpg" width="153" height="92" rowspan="5">
    <table>
     <tr>
    <td><?php
    include&#40;"login.php"&#41;;
    ?></td>
     </tr>
     <tr>
      <td>Registrieren
      </td>
     </tr>
    </table>
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="11">
    			</td>
    	</tr>
    	<tr><div id="news" class="linkmenu">
    		<td><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image54','','Bilder/rollover/news.over.jpg',1&#41;">
    		[img]Bilder/basketballzone_08.jpg[/img]</a></td></div>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="14">
    			</td>
    	</tr>
    	<tr><div id="kontakt" class="linkmenu">
    		<td><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image55','','Bilder/rollover/kontekt.over.jpg',1&#41;">
    		[img]Bilder/basketballzone_09.jpg[/img]</a></td></div>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="16">
    			</td>
    	</tr>
    	<tr><div id="links" class="linkmenu">
    		<td><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image56','','Bilder/rollover/links.over.jpg',1&#41;">
    		[img]Bilder/basketballzone_10.jpg[/img]</a></td></div>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="13">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_11.jpg" width="153" height="41" rowspan="2">
    			</td>
    		<td backround="Bilder/Abstandhalter.gif" width="1" height="38">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_12.jpg" width="153" height="14" rowspan="2">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="3">
    			</td>
    	</tr>
    	<tr><div id="forum" class="linkmenu">
    		<td rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image57','','Bilder/rollover/forum.over.jpg',1&#41;">
    		[img]Bilder/basketballzone_13.jpg[/img]</a></td></div>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="11">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_14.jpg" width="153" height="177" rowspan="11">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="3">
    			</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_15.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_16.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_17.jpg[/img]</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="14">
    	  </td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_18.jpg" width="153" height="28">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="28"> 
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_19.jpg" width="153" height="12">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="12">
    			</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_20.jpg[/img]</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="15">
    			</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_21.jpg[/img]</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="12">
    			</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_22.jpg[/img]</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="16">
    			</td>
    	</tr>
    	<tr>
    		<td>[img]Bilder/basketballzone_23.jpg[/img]</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="14">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_24.jpg" width="153" height="356" rowspan="3">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="36">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_25.jpg" width="153" height="14">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="14">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_26.jpg" width="153" height="306">
    			</td>
    		<td background="Bilder/Abstandhalter.gif" width="1" height="306">
    			</td>
    	</tr>
    	<tr>
    		<td background="Bilder/basketballzone_27.jpg" width="1000" height="11" colspan="3">
    			</td>
    		<td bacjground="Bilder/Abstandhalter.gif" width="1" height="11">
    			</td>
    	</tr>
    </table>
    </center>
    </body>
    </html>

    <?php
    $artists = array("Methodman", "Big L");
    if(!in_array($new_artist, $artists)) {
    array_push($artists, $new_artist);
    }

  8. #8
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich habs befürchtet.
    Leider fehlen mir alle deine Grafiken, so daß ich mir ein richtiges Urteil erlauben kann. Ih behaupte aber, daß man bei gleichem Design den Quelltext um mind. 50% reduzieren kann, oder sogar noch viel mehr, wenn man auf JavaScript verzichtet (die Datei "mouseover.js") hast du ja vorsichtshalber gar nicht mitgepostet.

    Schau dir mal diese HP an -> http://crazyplanet-online.de .
    Ich hab da ein klein wenig geholfen und der Ursprungsquelltext wurde nach dem Verzicht auf Javascript um Rund 60% reduziert.

    Hier werden nur 2 verschieden Button verwendet, einer für "normal" und einer für "hover", die Zuordnung erfolgt per Stylesheets.
    Sachen wie Abstandshalter, pp. kann man auch besser mit CSS als mit zusätzlichen blinden Grafiken lösen.

    G.a.d.M.

    Ronald

Ähnliche Themen

  1. span class="normalfont"
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 08.10.2006, 21:00
  2. "class python:test(oddrow,'item 1','item 2')" ->
    Von driver im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 06.04.2006, 22:37
  3. class="" bei Links
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 06.03.2006, 21:03
  4. Text immer "unten" und "rechts" am Frame
    Von Valdyn im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.05.2004, 19:14
  5. "css" Verschiedene :hover über das class="&am
    Von vandyce im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 18.04.2004, 15:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •