Sponsored Links |
|
||||
Danke ihr beiden
Leider sagt mir das nicht viel heiko... Die Box die ich möchte sollte so gut wie möglich durch die css Klasse verändert werden können. - Hintergundfarbe - Größe - Schrift Typ - Link fabe Am besten wäre es wenn mann dann noch z.b sagen kann dass das Thumbnail 10 px rand hat usw... Ist das sehr komplex? Wenn nicht könntet ihr mir sowas posten? Wäre wirklich toll von euch! Liebe Grüße, Julia |
|
||||
Zitat:
Eine dl ist eine Definitionsliste, die meiner nach hier die korrekte Auszeichnung für Deine Zuordnungen wäre. Zitat:
Nein, im Gegenteil Ich poste nur in absoluten Ausnahmefällen fertigen Code (und von diesem Grundsatz bringt mich auch Dein attraktives Foto nicht ab ), denn davon hat der Ersteller eines Threads ja nichts - er soll ja verstehen was er tut, und nicht einfach nur Copy & Paste durchführen. Aber wenn andere Teilnehmer unbedingt Code posten wollen, bitte... Aber versuche wenigstens, ihn nachzuvollziehen. |
|
||||
Zitat:
Code:
<em>Anzeigen:</em> <a href="#">Klein</a> <a href="#">Mittel</a> <a href="#">Groß</a><br /> <em>Ansichten:</em> 1<br /> <em>Bewertung:</em> 0<br /> <em>Datum:</em> 2007-11-19<br /> Geändert von heiko_rs (19.11.2007 um 17:23 Uhr) |
|
||||
Hey jungs,
danke für die Hilfe! Ich versuche ohne große quellcode von euch klar zu kommen ... kann halt sein, dass ich dann ein zwei mal öfters fragen muss Mein Quell code nun: index.html Code:
<div class="thumbnail"> <img src="test.png" alt="Was du willst"/><br /> <strong><em>Show:</em></strong> <a href="#">Klein</a> <a href="#">Mittel</a> <a href="#">Groß</a><br /> <p>Views:</strong> 1</p> <p>Rating:</strong> 0</p> <p>Date:</strong> 2007-11-19</p> </div> Code:
div.thumbnail { background-color:#717B39; width:150px; margin:10px 10px 10px 10px; border:1px solid #000000; padding:5px 5px 5px 5px; } div.thumbnail a:link { color: #F0FF9B; font-size:12px; } div.thumbnail img { border:1px dotted #000000; } div.thumbnail p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; Muss man dazu ein anderes Tag benutzen? Grüße Julia |
|
||||
Du kannst nicht nur, du solltest auch statt mit <br /> die Abstände zwischen Absätzen mit dem <p>-Element gestalten. Nur wenn du einen Umbruch innerhalb des <p>-Elementes erzwingen willst, solltest du dies dort auch nutzen.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Dein Quellcode haut so noch nicht hin (d.h. ist nicht valide). Du brauchst weder br noch p, wenn Du's per dl umsetzt, wie ich vorgeschlagen hatte. Deren Prinzip:
Code:
<dl> <dt>Views:</dt> <dd>1</dd> <dt>Rating:</dt> <dd>0</dd> </dl> Übrigens solltest Du entweder <em> oder <strong> nehmen. Für "Show:" stellst Du die Links innerhalb von dd am besten noch in eine <ul>. Versuche am besten erstmal, das korrekte Markup zu erstellen, anschließend läßt sich auch leicht und schnell das CSS dazu erarbeiten. Und dann wirst Du am Ende auch verstanden haben, was Du gemacht hast |
|
||||
Zitat:
Code:
div.thumbnail p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; margin:0px; padding:0px; } Liebe grüße, Julia |
Sponsored Links |
|
||||
Zitat:
Dann so: Code:
<div class="thumbnail"> <p><a href="test.png" border="0"><img src="" alt="Test"/></a></p> <dl> <dt>Show:</dt> <dd><ul>Small - Middle - Large</ul></dd> <dt>Views:</dt> <dd>1</dd> <dt>Rating:</dt> <dd>0</dd> <dt>Date:</dt> <dd>2007-09-18</dd> </dl> </div> Danke für deine Zeit Julia |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Design Float IE6 Problem | koknarr | CSS | 10 | 05.09.2008 19:05 |
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? | damonster | CSS | 12 | 27.08.2008 16:56 |
DIV in DIV BOX | party | CSS | 1 | 24.08.2007 17:20 |
Problem mit der Wrapper Div Box | Muldenbroger | CSS | 2 | 07.10.2006 14:41 |