Div verlinken

[elkloso]

Hi, ich hab hier mal:

  
<div id="page">  
   <div id="header"> </div>  
    <div id="sidebar">  
     <div id="rolloverhome"></div>  

Das ist meine Sidebar, wenigstens ein Ausschnitt, das verlinkt halt zu einem Rollover in CSS. Nun will ich das ganze Verlinken, also per Klick auf rolloverhome (Button).

onclick="window.location.href='http://google.de'"
möcht ich halt nicht verwenden, da dann die Site von manchen Browsern blockiert wird. Google ist nur ein BSP.

[Felix Riesterer]

Liebe(r) elkloso,

<div id="page">

<div id="header"> </div>
    <div id="sidebar">
     <div id="rolloverhome"></div>

  
wieder eine <div>-Suppe... mir schmeckt sowas nicht.  
  

> Das ist meine Sidebar, wenigstens ein Ausschnitt,  
  
Ja, ich kann mir denken, dass Deine <div>-Suppe noch viel umfangreicher ist. Das macht sie meiner Meinung nach nicht besser, sondern im Gegenteil noch übler.  
  

> das verlinkt halt zu einem Rollover in CSS.  
  
Nein, tut es nicht.  
  

> Nun will ich das ganze Verlinken, also per Klick auf rolloverhome (Button).  
  
Dann benutze ein <a>-Element. Das ist in (X)HTML für Hyperlinks da.  
  

> `onclick="window.location.href='http://google.de'"`{:.language-javascript}  
> möcht ich halt nicht verwenden, da dann die Site von manchen Browsern blockiert wird. Google ist nur ein BSP.  
  
Das wäre die für mich denkbar schlechteste "Lösung" gewesen. Schön, dass Du zumindest hier skeptisch geworden bist.  
  
Liebe Grüße,  
  
Felix Riesterer.

-- 
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)

[elkloso]

Danke, für die Tipps, beginne halt gerade mit CSS und HTML, vorher nur so Baukästen und hab halt mal nen Tutorial durchgearbeitet und da wird halt das DIV immer verwendet.

[Thomas Luethi]

Hallo,

Für Hyperlinks gibt es in HTML das http://de.selfhtml.org/html/verweise/definieren.htm@title=A-Element.

<div id="page">  
   <div id="header"> </div>  
      <div id="sidebar">  
         <a href="http://www.example.com/">Example</a>

Wenn Du willst, dass der Link vom Layout her wie ein Block-Level-Element behandelt wird, dann kannst Du das mit CSS erreichen:

#sidebar a { display:block; }

mfg Thomas