• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Brauche kurze hilfe... welche tags sollte ich benutzen um grafiken zu positionieren

L

leridan

Neues Mitglied
Hey Leute

Wollte euch mal fragen was für tags ich benutzen sollte um Grafiken zu positionieren?


Habe bis jetzt nur den div tag dafür benutzt, aber da ich ja nicht tausend div tags machen kann ist das leider schlecht.


Gibt es einen tag wo man z.b tausende holen kann?

Die z.b so aussehen <div1>|<div2>


Hoffe das ihr mir da helfen könnt

MFG LEri^^
 
Werbung:
Um eine einzelne Grafik zu positionieren brauchst du kein zusätzliches Tag. Wenn es mehrere Sind, die zusammen gehören ist es eine Liste, also
HTML: 
<ul>
  <li><img src="" alt="" title="" /></li>
  <li><img src="" alt="" title="" /></li>
  <li><img src="" alt="" title="" /></li>
  <li><img src="" alt="" title="" /></li>
  <li><img src="" alt="" title="" /></li>
</ul>
Formatierung und Positionierung wird per CSS gemacht, dafür ist kein besonderes Tag notwendig.

HTML ist nur für die Semantik zuständig, nicht für das Layout.
 
Formatierung und Positionierung wird per CSS gemacht, dafür ist kein besonderes Tag notwendig.

HTML ist nur für die Semantik zuständig, nicht für das Layout.
Zum Vergrößern anklicken....

da stimme ich Thos zu.
trotzdem haette ich eine frage diesbezueglich.

wenn ich in einen admin bereich ein funktion einbaue mit der man elemente (z.b. buttons mit bestimmter hoehe etc) zu seiner homepage hinzufuegen kann, wie uebergibt man das am besten.
meine idee war die daten in einer datenbank zu speichern und dann in HTML auszugeben mittels echo.

weil PHP code ist ja in css dateien nicht erlaubt.
 
Werbung:
Werbung:
Es gibt keinen Standard Doctype.
Dein Doctype (xhtml1.1) braucht auch eine entsprechende Syntax im Code.

verwende besser html 4.1 :
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//DE" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
...
oder xhtml 1.0 :
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[COLOR="DarkRed"][B]<html xmlns="http://www.w3.org/1999/xhtml">[/B][/COLOR]

<head>
...
 
Hallo.

HTML: 
<div2>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div2>
<div3>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div3>

Das ist unsinn. Bei HTML/XHTML gibt es kein div2 oder div3.

HTML: 
<div class=div2>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>

Das würde wenigstens Sinn ergeben.
Bitte lerne die Grundlagen von HTML und CSS.

Gruss
Elroy
 
...wenn ich es so machen würde, dann würde er mir aber die grafiken falsch setzen, egal wie ich die einstellungen machen per position
 
Werbung:
HTML

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<link href="Design/test.css" rel="stylesheet" type="text/css">
<head>
    <title>Lerix-Prod</title>
</head>
<body>
<div>
<img src="Design/cronstuction.png" alt="underconstruction"/>
</div>
<div class=div2>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>
<div class=div3>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>
</body>
</html>

CSS:



Code: 
body
{
background-color: black
}
div
{
position: absolute;
margin-left: 90px
}
div2
{
position absolute;
left: 1pt
}
div3
{
position: absolute;
right: 1pt
}
 
...sry, aber in dem Buch was ich habe da werden die bilder auch mittels position absolute festgelegt.



Wie wird den ein bild richtig positioniert und fixiert
 
Werbung:
Wenn die Bilder nur Schmuckgrafiken (Schatten, Rahmen, etc.) sind solltest du sie als background-image einbinden.

Verschachtele die Elemente antselle sie nebeneinander zu positionieren:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>background-images</title>
  <style type="text/css">
  /* <![CDATA[ */
body {
font-size: 100%;
}

  #alles {
font-size: 1em;
[COLOR="#8b0000"]width: 850px; /* für fluides Layout entfernen */[/COLOR]
padding-left: 49px;
[COLOR="DarkRed"]margin: 0 auto; /* für fluides Layout nicht notwendig*/[/COLOR]
background-image: url(http://www.html.de/members/neuroleptika-albums-testbilder-background-image-picture7-lineal-600px-vertikal.png);
background-repeat: repeat-y;
background-color: #CDCDCD;
}

  #platzhalter {
padding-right: 600px;
background-image: url(http://www.html.de/members/neuroleptika-albums-testbilder-background-image-picture2-linial-600px-horizontal.png);
background-repeat: repeat-y;
background-position: right;
}

#inhalt {
min-height: 600px;
}

/*min-height für IE6:*/
* html #inhalt {
height: 600px;
}
  /* ]]> */
  </style>
</head>
<body>
<div id="alles"><!-- linke Grafik-->
<div id="platzhalter"><!-- rechte Grafik-->
<div id="inhalt">
<h1>Inhalt</h1>
<p>Lorem Ipsum</p>
</div>
</div>
</div> 

</body>
</html>
Die Grafikbeispiele findest du hier:
html.de Forum - HTML für Anfänger & Fortgeschrittene - Alben von neuroleptika: Testbilder: background-image


leridan schrieb:
...sry, aber in dem Buch was ich habe da werden die bilder auch mittels position absolute festgelegt.
Zum Vergrößern anklicken....
Welches Buch?
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben