|
|||
Image positionierung und Grundlagen
Huhu,
ich möchte auf meiner Homepage mit so wenig Divs wie möglich arbeiten, und wollte an der Stelle fragen: Wie kann ich das Bild ohne Div so einstellen, das es oben links im Div erscheint, und der Text daneben losgeht und um das Bild rumgeht? Desweiteren wollte ich, wie auf dem Bild zu sehen ist, das Bild sowie den blauen Text als Link haben. Wären das dann die gleichen Einstellungen wie für den gesamten Text? Außerdem wollte ich noch wissen was ich noch alles festlegen sollte/muss (an Stilen, z.B. h1 etc.), bevor ich eine Homepage anfange. Grüße |
Sponsored Links |
|
|||
Willkommen im Forum.
Vielleicht so: (Statt block vielleicht inline-block. Habe ich jetzt aber weder nachgelesen noch getestet.) HTML-Code:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Demo</title> <style type="text/css"> body { max-width: 900px; margin: 0 auto; } p img { display: block; float: left; padding: 0 10px 10px 0; } </style> </head> <body> <p> <a href="http://xkcd.com/"><img src="http://imgs.xkcd.com/comics/googleplus.png" alt="xkcd" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor dignissim massa id luctus.</a> Phasellus quis velit pellentesque metus molestie scelerisque. In blandit tellus eu lacus bibendum blandit. Nunc placerat tincidunt purus. Nullam in justo non purus dapibus rutrum. Mauris fermentum dapibus orci sed aliquet. Nunc et metus et dolor mattis dapibus eu ullamcorper nisi. Praesent quis tortor sed risus commodo commodo vel eu nunc. Morbi rutrum purus in risus tincidunt sollicitudin. In hac habitasse platea dictumst. Duis eu elit quis tellus consectetur vestibulum. Pellentesque fermentum placerat laoreet. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor dignissim massa id luctus. Phasellus quis velit pellentesque metus molestie scelerisque. In blandit tellus eu lacus bibendum blandit. Nunc placerat tincidunt purus. Nullam in justo non purus dapibus rutrum. Mauris fermentum dapibus orci sed aliquet. Nunc et metus et dolor mattis dapibus eu ullamcorper nisi. Praesent quis tortor sed risus commodo commodo vel eu nunc. Morbi rutrum purus in risus tincidunt sollicitudin. In hac habitasse platea dictumst. Duis eu elit quis tellus consectetur vestibulum. Pellentesque fermentum placerat laoreet. </p> </body> </html> Zitat:
|
Sponsored Links |
|
|||
Danke für den CSS Code.
Letzteres war darauf bezogen: Code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; |
|
|||
Hallo,
schaue dir dazu mal folgenden Artikel an: CSS-Reset: Rücksetzen der Browservorgaben - CSS - Tutorials, Tipps und Tricks für Webmaster auf Webmasterpro.de . |
|
|||
@Marco_997
Guck dir mal das Beispiel von mermshaus an. Er macht genau das was du gesagt hast. Er vergibt außerdem noch einen Innenabstand und sicherhaltshalber ein "display: block;". Mehr passiert dort auch nicht. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
mouseover problem | Basti82 | Javascript & Ajax | 0 | 13.10.2008 15:17 |
CSS Hack | dalmidog | CSS | 1 | 28.03.2008 18:32 |
Imagemap Zugriff bei einer Gallery | Sarah14 | Javascript & Ajax | 3 | 12.11.2007 15:06 |
Probleme mit Image Positionierung | Pumpkin | (X)HTML | 5 | 07.08.2005 19:18 |