| Autor |
Nachricht |
Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 25.12.2006 19:01
Titel [CSS] float-Frage... |
  |
|
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.. Vielleicht lässt derjenige mich ja an seiner Weisheit teilhaben..
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..
sagt artig
der Ragna
Zuletzt bearbeitet von am Mo 25.12.2006 19:27, insgesamt 2-mal bearbeitet
|
|
| |
|
 |
| |
|
|
Marx
Dabei seit: 28.10.2006
Ort: Wien
Alter: 40
Geschlecht: 
|
Verfasst Mo 25.12.2006 19:29
Titel
|
|
|
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)
|
|
| |
  |
|
Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 25.12.2006 19:32
Titel
|
|
|
|
hab ich gerade auch bemerkt und behoben...trotzdem danke..
|
|
| |
|
|
| |
|
|
| Ä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
|
|
Willkommen auf dem Portal für Mediengestalter
