zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Image positionierung und Grundlagen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.07.2011, 13:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2011
Beiträge: 2
mysteryx befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.07.2011, 17:38
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 745
mermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblick
Standard

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:
Außerdem wollte ich noch wissen was ich noch alles festlegen sollte/muss (an Stilen, z.B. h1 etc.), bevor ich eine Homepage anfange.
Mir ist nicht ganz klar, worauf diese Frage abzielt. Browser haben Standardwerte für alle Elemente gesetzt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.07.2011, 17:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2011
Beiträge: 2
mysteryx befindet sich auf einem aufstrebenden Ast
Standard

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;
Ob soetwas "pflicht" ist, oder ob man nur das in der CSS festlegen sollte was auch wirklich gebruacht wird.
Mit Zitat antworten
  #4 (permalink)  
Alt 03.07.2011, 18:20
Benutzer
neuer user
 
Registriert seit: 09.07.2010
Ort: Neuss
Beiträge: 76
test_nick sorgt für eine eindrucksvolle Atmosphäre
Standard

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 .
Mit Zitat antworten
  #5 (permalink)  
Alt 03.07.2011, 19:50
Benutzer
neuer user
 
Registriert seit: 30.06.2011
Beiträge: 51
Marco_997 befindet sich auf einem aufstrebenden Ast
Standard

mach es doch einfach so

HTML-Code:
<img style="float:left;">
Mit Zitat antworten
  #6 (permalink)  
Alt 03.07.2011, 20:22
Benutzer
neuer user
 
Registriert seit: 09.07.2010
Ort: Neuss
Beiträge: 76
test_nick sorgt für eine eindrucksvolle Atmosphäre
Standard

@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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:04 Uhr.