mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 11:40 Benutzername: Passwort: Auto-Login

Thema: [CSS] float-Frage... vom 25.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] float-Frage...
Autor Nachricht
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 25.12.2006 18:01
Titel

[CSS] float-Frage...

Antworten mit Zitat Zum Seitenanfang

Hallo allerseits...

Ich sitze gerade an meiner Page die im Januar einen Relaunch erfahren soll. Bei einem "Teilstück" habe ich jetzt aber ein paar Probleme:

> H I E R <

Auf der Seite soll links das CD-Cover des Programmes und und links die Links zu den Hörproben sein. So blöd wie es auch klinkt, aber ich habe einige Zeit dafür gebraucht dass es so aussieht, und ich denke mal dass es eine sehr "umständliche" Lösung ist...da wird sicher der eine oder andere den Kopf schütteln und sagen dass es wesentlich einfacher geht...denke ich mal..*zwinker* Vielleicht lässt derjenige mich ja an seiner Weisheit teilhaben..*zwinker*

Hier einmal der HTML-Code (der Einfacher halber nur für 1 Bild mit Links)

Code:

<span class="bild_programme"><img src="images/dieter-nuhr-fanclub-programme-nuhr-am-noergeln.jpg"  width="180" height="180" style="border:solid 1px #cccccc; padding:0px;" alt="Dieter Nuhr-Fanclub - Dieter Nuhr - Nuhr am nörgeln" title="Dieter Nuhr-Fanclub - Dieter Nuhr - Nuhr am nörgeln" /></span>      

<ul class="files_programme">
<li><a href="#" title="Dieter Nuhr-Fanclub - Nuhr am Nörgeln - 1">Link 1</a></li>
<li><a href="#" title="Dieter Nuhr-Fanclub - Nuhr am Nörgeln - 2">Link 2</a></li>
<li><a href="#" title="Dieter Nuhr-Fanclub - Nuhr am Nörgeln - 3">Link 3</a></li>
</ul>
            
<span class="clear"></span>


und hier die CSS-Teile dazu...

Code:

.rahmen_programme
{
   width: 480px;
   height: 200px;
}

.bild_programme
{
   float: left
   width: 155px; height: 155px;
   w\idth: 135px; hei\ght: 135px; /* Hack für IE wg. Box-Modell */
   padding: 5px 5px 5px 5px; 
   margin: 5px 5px 5px 5px;
   text-align: center;
   color: #ff8;

}

.files_programme
{
   list-style: none;
   float: right;
   width: 280px;
   height: 180px;
   margin-top: -180px;
}

.files_programme a
{
   display: block;
   text-decoration: none;
   color: #666666;
}
   
.files_programme a:hover
{
   text-decoration: none;
   color: #ff6600;
}

.files_programme ul
{

   margin-left: 20px;
   font-size: 80%;
}

.files_programme ul a
{

   color: #ff6600;
}

.files_programme ul a:hover
{

                color: #666666;
}

.clear
{
   clear: both;
}



besten dank für die Hilfe...

noch fröhliche resttage..*zwinker*

sagt artig

der Ragna


Zuletzt bearbeitet von am Mo 25.12.2006 18:27, insgesamt 2-mal bearbeitet
 
Marx

Dabei seit: 28.10.2006
Ort: Wien
Alter: 45
Geschlecht: Männlich
Verfasst Mo 25.12.2006 18:29
Titel

Antworten mit Zitat Zum Seitenanfang

Weil Du innerhalb eines Inline-Elementes Blockelemente setzt.
Und das ist ja auch das was der Validator Dir anzeigt.

Zitat:
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


(span->ul)
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 25.12.2006 18:32
Titel

Antworten mit Zitat Zum Seitenanfang

hab ich gerade auch bemerkt und behoben...trotzdem danke..*zwinker*
 
 
Ähnliche Themen Hilfe: div float / width:100% - CSS float Box Model
[css] float und xp
[css] IE und float
Css FLOAT
CSS Float und Ausrichtung
[css] browserkompatibilität float
Neues Thema eröffnen   Neue Antwort erstellen
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.