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

Probs mit Bildern

Status
Für weitere Antworten geschlossen.
A

Anonymous

Neues Mitglied
Also habe mir nen neues Design gemacht ! ( was aus Bildern besteht ) um genau zu sein aus 4 Bilder!!

Doch wenn ich sie jetztt "einsetze" sind sie nicht genau untereinander oder hintereinander sondern immer Absatz frei dazwischen!
bitte hilft mir !
 
mach ne tabelle die sie anordnen natürlich darf diese dann kein margin und keine padding haben genauso wie die bilder
 
omg

html.de soll leuten weiter helfen bei problemen die man nicht in standart tutorials oder anleitungen zu html findet. Dein problem wird aber mit sicherheit auf einer der ersten 20 seiten jeder html anleitung erörtert.

wir haben hier ne schicke linksammlung von Prophet
Tipp: Links

hier der code:
Code: 
<table border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td>[img]bild1jpg[/img]</td>
  <td>[img]bild2jpg[/img]</td>
 </tr>
 <tr>
  <td>[img]bild3.jpg[/img]</td>
  <td>[img]bild4.jpg[/img]</td>
 </tr>
</table>

dieses bsp. stellt zwei zeilen mit jeweils zwei bildern dar
Veranschaulichung
Code: 
(Bild1)(Bild2)
(Bild3)(Bild4)

eine ausführliche beschreibung zum <table> tag gibts hier
http://de.selfhtml.org/html/tabellen/aufbau.htm
die anleitung zu den attributen im <table> tag gibts hier
http://de.selfhtml.org/html/referenz/attribute.htm#table
 
Hmm irgendwie funktioniert das trotzdem nicht hier habt ihr mal ne skizze wie ich meine bilder aufbauen wil:



skizze.jpg


hoffe ihr könnt mir helfen
 
denk das ginge auch...
1 Tabelle für das Header Bild.
Unten dran noch eine Tabelle mit 3 Rows. (1 ist bild2 die andere dein text-feld und das 3. Feld wäre Bild 3)
Unten noch eine Tabelle wie bei bild1
 
So würde ich es machen: Musst nur noch die Bilder einfügen...

Code: 
<table border="0" cellspacing="0" width="100%" height="249">
  <tr>
    <td width="100%" colspan="3" height="19">Bild1</td>
  </tr>
  <tr>
    <td width="14%" height="196">Bild2</td>
    <td width="72%" height="196"></td>
    <td width="14%" height="196">Bild 3</td>
  </tr>
  <tr>
    <td width="100%" colspan="3" height="19">Bild4</td>
  </tr>
</table>

Edit: Musst du aber noch so bearbeiten wie du sie willst.
 
Ich würde das ganze mit Divs machen. Höhe und Breite müssen natürlich deinen Bildern entsprechen - das musst du im Code noch ändern.
Code: 
<html>
<body>

<div style="width:100%; height:100px; background:url("bild1.jpg");"></div>

<div style="float:left; width:10%; height:400px; background:url("bild2.jpg");"></div>
<div style="float:left; width:80%; height:400px; background:#000000"></div>
<div style="float:left; width:10%; height:400px; background:url("bild3.jpg");"></div>

<div style="float:left; width:100%; height:100px; background:url("bild4.jpg");"></div>

</body>
</html>
 
Hmmm bei mir funktionieren die codes nicht also da sind immer noch diese spalten dazwischen !
hätte jemand bock mir das zu
machen ????!?!?!?!?!?!!?!?!?!??`!!?
 
Manööö es geht einfach nicht ! Irgendwo ist immer ne Lücke :(
Gibt es jemanden der es mir schnell machen kann denn ich habs versucht bis nachts um 1 Uhr aber es will einfach nicht !
 
Code: 
table
{
border-collapse:collapse;
border:none;
margin:0px;
padding:0px;
}
td
{
margin:0px;
padding:0px;
border:none;
}
img
{
margin:0px;
padding:0px;
border:none;
}

pack das oben in deinen stylebereich dan funktioniert es.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben