Überlappende Links in html

Re(13): Überlappende Links in html

hellbringer — Tue, 09 Aug 2011 16:10:44 GMT

tja, bei mir schon, und es funkltioniert auch.

Nur weils bei dir funktioniert, heißt es nicht, dass es richtig ist.

Re(12): Überlappende Links in html

Infosauger — Tue, 09 Aug 2011 15:26:35 GMT

tja, bei mir schon, und es funkltioniert auch.

Re(11): Überlappende Links in html

hellbringer — Tue, 09 Aug 2011 14:35:45 GMT

also ein div ist ja ein blockelement, und

Ein Link darf kein <div> beinhalten.

Re(10): Überlappende Links in html

Infosauger — Tue, 09 Aug 2011 14:28:07 GMT

also ein div ist ja ein blockelement, und

...div> funktioniert gut.

Re(9): Überlappende Links in html

hellbringer — Tue, 09 Aug 2011 14:22:44 GMT

Ich würde das mit JavaScript machen. Ein Link darf keine Block-Elemente enthalten, somit wird das ohne böse Hacks eh nicht hinhauen.

Re(8): Überlappende Links in html

Infosauger — Tue, 09 Aug 2011 13:38:53 GMT

na gut, auch wenn ich nicht genau weiß, für was das rundehrum wichtig ist:


<body>
<div class="AllContent">
  <?php include('Includes/Menue.htm'); ?>
<!-- Menue.html schaut grob so aus --->
  <div class="LeftBlock" style="text-align: center; float: left;width: 150px;">
    <a href="<?php echo $HTMLROOT ?>Home.php" target="main"><img src="<?php echo $BilderVerz ?>TCUBE-Logo_kl.JPG" border="0"></a>
    <ul class="MainMenue" >
      <li>...</li>
      <li>...</li>
      <li>...
        <ul>
          <li>...</li>
          ....
        </ul>
      </li>
      <li>...
        <ul>
          <li>...</li>
          ....
        </ul>
      </li>
      .....
    </ul>
  </div>       
<!--- Ende Menue.html --->

  <div class="MainContainer" style="margin-left: 150px;">
  <?php include('Includes/TopFrame.htm'); ?>
<!-- Topframe.htm sieht in etwa so aus -->
  <div class="TopBlock">
    <img src="<?php echo $BilderVerz ?>TCUBE-Header.gif" height="70" alt="Logo">
  </div>
<!---  Ende Topframe -->

    <?php include('Includes/RightFrame.htm'); ?>
<!-- Rightframe sieht in etwa so aus ist aber noch nicht fertig -->
    <div class="RightBlock" style="margin-top: 10px; width: 180px;float: right;">
  
      <!-- wetter.com button 180x150-->
      <div id="wettercom-button-430867f0333b5df910d43ff27e0860ca">
        ...
      </div>
      <!-- wetter.com button 180x150-->
      ...
    </div>

    <div class="MainBlock" style="margin-top: 10px;margin-left: 10px;margin-right: 190px;padding: 15px;">

    
      <h1>Herzlich Willkommen auf unserer Homepage !</h1>  

      <div style="display:inline-block; width:100%">	
        <div style="width:50%; float:left;">
          <h2>News:</h2>

<!---------------------->
<!--  Neue TextBox   --->
<!---------------------->

          <div class="TextBox">
            <h4>Erfolgreiches Jugendturnier<h4>
            <div style="float:left; margin-right: 5px; margin-bottom: 5px">
              <a href="Bilder/2011/Jugenturnier/Gesamt.jpg" rel="lightbox[Jugendturnier2011]" title="Siegerehrung mit allen Siegern">
                <img src="Bilder/2011/Jugenturnier/Gesamt_Th.jpg" width="75" alt="Siegerehrung mit allen Siegern">    
              </a>
            </div>
            <div style="float:left; margin-right: 5px; margin-bottom: 5px">
              <a href="Bilder/2011/Jugenturnier/U16m.jpg" rel="lightbox[Jugendturnier2011]" title="Siegerehrung U16 männlich">
                <img src="Bilder/2011/Jugenturnier/U16m_Th.jpg" width="75" alt="Siegerehrung U16 männlich">
              </a>
            </div>
            Test in der Box <a href="...."> >>mehr </a>
          </div>

<!---------------------->
<!--  Neue TextBox   --->
<!---------------------->

          <div class="TextBox" style="min-height:80px;">
            <h4>Herren 2 ist Meister</h4>
            <div style="float:left; margin-right: 5px; margin-bottom:5px">
              <a href="Bilder/2011/Mannschaftsfotos/2011_Herren2.jpg" rel="lightbox[Herren2Meister]" title="Mannschaft Herren 2">
                <img src="Bilder/2011/Mannschaftsfotos/2011_Herren2_Th.jpg" width="75" alt="Mannschaft2">      
              </a>
            </div>
            <div style="float:left; margin-right: 5px; margin-bottom:5px">
              <a href="Bilder/2011/Mannschaftsfotos/2011_Herren2_Feier.jpg" rel="lightbox[Herren2Meister]" title="Feierstimmung bei der Mannschaft">
                <img src="Bilder/2011/Mannschaftsfotos/2011_Herren2_Feier_Th.jpg" width="75" alt="Mannschaft2">
              </a>
            </div>
            Text <a href="...."> >>mehr </a>
          </div>
        </div>

        <div style="width:50%; float:left;">
          ...
        </div>

        <div style="clear:both;"></div>
      </div>        

    </div>
  </div>
</div>

</body>

Zur Zeit gibt es ein der Box ">>mehr" das mit einem Link hinterlegt ist.
Zusätzlich 2 Bilder die mit Lightbox zur Großansicht verknüpft sind.

Jetzt würde ich nun eben gerne die ganze Box mit dem weiterführenden Link verknüpfen, aber die Bilder innerhalb der Box weiterhin mit Lightbox lassen.

Re(7): Überlappende Links in html

hellbringer — Mon, 08 Aug 2011 18:04:44 GMT

Was hat das mit der Datenstruktur zu tun?

HTML dient zur Strukturierung von Daten. Also wie soll man den HTML-Code schreiben, wenn man die Daten nicht kennt?

Das Aussehen der Daten wird dann von CSS bestimmt.

Re(6): Überlappende Links in html

Infosauger — Mon, 08 Aug 2011 15:49:27 GMT

Was hat das mit der Datenstruktur zu tun?

Ichbrauch nur die Information, wie die Styles der Blöcke im Container (und der Container selbst) aussehen müsen, damit sie so wie angegeben funktionieren.

Re(5): Überlappende Links in html

hellbringer — Mon, 08 Aug 2011 10:09:07 GMT

Ich kenn deine Datenstruktur nicht. Ohne dem Wissen kann ich dir nicht sagen, wie es richtig aussehen muss.

Re(4): Überlappende Links in html

Infosauger — Mon, 08 Aug 2011 10:08:25 GMT

Wenn du eine bessere Lösung hast, her damit, nicht um den heißen Brei herumreden.

Re(3): Überlappende Links in html

hellbringer — Mon, 08 Aug 2011 09:29:54 GMT

schon möglich, aber wenn's anders nicht geht...

Wer sagt das?

Re(2): Überlappende Links in html

Infosauger — Mon, 08 Aug 2011 09:09:59 GMT

schon möglich, aber wenn's anders nicht geht...

Re: Überlappende Links in html

hellbringer — Mon, 08 Aug 2011 04:37:17 GMT

Schöne div-Suppe.

Überlappende Links in html

Infosauger — Sun, 07 Aug 2011 21:57:48 GMT

Grübel grad wieder mal an einem Problem:

Ich haben einen Div-Block, welcher auf der Seite eingebunden ist, wobei ich die Breit nich kenne (übergeordneter Div hat width=50%).
Diesem Div-Block möchte ich nun einen Link zuweisen, nun, das ist noch kein Problem.
Das Problem ist nun, dass ich innerhalb einen weiteren Block mit einem Link platzieren will.


  ...
  <div "style widht="50%">
    ...
    <a href="...">
      <div>
         ... <a href="...">...</a>...
      </div>
    </a>
    ...
  </div>
  ...

Das funktioniert so ja nicht. Habe mir deshalb überlegt, dass ich 2 divs überlappe:


  ...
  <div "style widht="50%">
    ...
    <div id="Container">      <!-- Block über alles -->
      <a href="...">
        <div id="LinkBlock"" style="????">    <!-- Block über den ganzen Container-->
        </div>
      </a>
      <div id=InhaltBlock">  <!-- Block über Inhalt -->
         ... <a href="...">...</a>...
      </div>
    </div>
    ...
  </div>
  ...

Soweit so schlecht. Ich probiere jetzt schon einige Zeit mit position, Top herum, aber ich bring das nicht zusammen.
Vor allem habe ich das Problem, den LinkBlock über den ganzen Bereich zu legen, denn bei widht:100% und position:absolute geht der Bereich über die ganze Seite.

Wer kann mir helfen?