neue hp - wie coden?

[bender|dnb]

hallo,
ich habe mir eine homepage entworfen...nun muss ich sie "nur" noch coden...
betonung auf dem wort "nur"
hier ist ein screenshot wie es später mal aussehen soll :
klick hier

so
nun habe ich es zuerst mit <table> probiert...aber irgendwie komme ich kein stück weiter!
hier mal der code den ich bis jetzt versucht habe :

<CENTER>
<table width="750" style="border : 1px solid black" >
  <tr>
    <td><img src="../Desktop/temp/meine%20neue%20hp/images/header_01.jpg">
</td>
  </tr>
<tr>
<td width="641px">
TEXTTEXTTEXT
</td>
<td width="109px">
  TEXT 2
</td>
</tr>
</table>
</CENTER>

was ich erreichen will ist das hier :
klick

ist es da empfehlenswert eine andere technik zu benutzen? oder was mache ich denn überhaupt falsch? hoffe mir kann hier jemand helfen ;-)
vielen dank schonmal im voraus
niko

 

[timmm]

wenn dus mit ps gemacht hast, teil die verschiedenen teile mit dem slice-tool auf und exportiere es dann in imageready als html-seite. dann haste das schonmal in tabellen aufgeteilt, musst teilweise noch die bilder als hintergrundbilder der tabellenzelle machen.

 

[jlepthien]

Nimm Rapidweaver

 

[bender|dnb]

Nimm Rapidweaver

nee wenn ich mir schon eine homepage mache, dann will ich keine vorgecodete haben

wenn dus mit ps gemacht hast, teil die verschiedenen teile mit dem slice-tool auf und exportiere es dann in imageready als html-seite. dann haste das schonmal in tabellen aufgeteilt, musst teilweise noch die bilder als hintergrundbilder der tabellenzelle machen.

alles klar, ich probier das mal aus

 

[arne1900]

Tabellen haben nichts im Layout verloren. Tabellen dienen zur Darstellung tabellarischer Daten.
Geh auf http://de.selfhtml.org und informier dich über CSS und tabellenfreies Layout.

 

[ThaHammer]

Tabellen haben nichts im Layout verloren. Tabellen dienen zur Darstellung tabellarischer Daten.
Geh auf http://de.selfhtml.org und informier dich über CSS und tabellenfreies Layout.

Dem kann ich nur zustimmen! Das sind maximal 5-6 Divs!

<div id="all">
  <div id="header">
  </div>
  <div id="left">
  </div>
  <div id="right">
    <div id="rechtsoben"></div>
    <div id="rechtsunten"></div>
  </div>
  <div id="footer">
  </div>
</div>

mit dem css

div#all { width: 595px; border: 1px #CCC; solid;}
div#header { background-image: ../image.jpg;}
div#left { float: left; width: 384px;}
div#right {float: right; width: 212px; margin: 0 8px;}
usw.

ohne Gewähr, ist nur schnell aus dem Kopf raus!!

 

[bender|dnb]

hallo,
vielen dank nochmal für die antworten, ich habe meine homepage nun dank css fertigcoden können. Leider werden die seiten in unterschiedlichen browsern unterschiedlich dargestellt, aber ich verstehe nicht warum!
von camino wird alles so interpretiert wie es sein soll :


bei safari hingegen "lappt" das bild des youtube videos über, es bleibt nicht im div drin.

und im internet explorer werden die borders der divs nicht angezeigt...
ich poste hier einfach mal den code :

news frame :

#text {
    position: absolute;
    border : 1px solid grey;
    width : 510px;
    height : 600px;
    top : 250px;
    left: 20px;
    background-image:url(images/news_back.jpg);
    background-repeat:no-repeat;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
    }

ich wäre dankbar wenn ihr mir helfen könntet!
danke schonmal
niko

edit : URL vergessen

 

[no_n@me]

Na, wenn das mal keinen Ärger gibt mit der URL…

 

[ThaHammer]

Wie oft hast Du das externe css eigentlich verlinkt? Solltest erst die Fehler ausbessern bevor Du mit den anderen Browsern weitermachst, weil Du dann auch weniger Arbeit hast!
http://validator.w3.org/check?verbose=1&uri=http://www.angelamerkel.net/
17 Fehler werden angezeigt, nur fürs HTML. Dann wenn Du schon ein externes Style Sheet machst, lege auch alle Styles da rein.

 

[bender|dnb]

Wie oft hast Du das externe css eigentlich verlinkt? Solltest erst die Fehler ausbessern bevor Du mit den anderen Browsern weitermachst, weil Du dann auch weniger Arbeit hast!
http://validator.w3.org/check?verbose=1&uri=http://www.angelamerkel.net/
17 Fehler werden angezeigt, nur fürs HTML. Dann wenn Du schon ein externes Style Sheet machst, lege auch alle Styles da rein.

vielen dank, ich habe die fehler gleich ausgebessert! html ist "clean" , css auch. ich werde es gleich mal unter den verschiedenen browsern testen
danke

edit :
safari : läuft
camino : läuft
firefox auf windows : läuft
internet explorer 6 auf windows : läuft.... NICHT (wer hätte das gedacht...)
beim explorer wird zum einen ein horizontaler scollbalken angezeigt, und der hintergrund scrollt nicht mit...mein code ist jedoch komplett korrekt? was mache ich falsch?

 

[ostersau]

internet explorer 6 auf windows : läuft.... NICHT (wer hätte das gedacht...)
beim explorer wird zum einen ein horizontaler scollbalken angezeigt, und der hintergrund scrollt nicht mit...mein code ist jedoch komplett korrekt? was mache ich falsch?

Das liegt nicht am korrekten HTML bzw. CSS, sondern am IE. Er arbeitet nicht nach den Empfehlungen des W3 konsortiums, interpretiert also korrekte Angaben falsch. Deswegen hat man wegen des IE immer viel Arbeit, wenn man eine Webseite der weltweiten Allgemeinheit zugänglich machen will

 

[ThaHammer]

vielen dank, ich habe die fehler gleich ausgebessert! html ist "clean" , css auch. ich werde es gleich mal unter den verschiedenen browsern testen
danke

edit :
safari : läuft
camino : läuft
firefox auf windows : läuft
internet explorer 6 auf windows : läuft.... NICHT (wer hätte das gedacht...)
beim explorer wird zum einen ein horizontaler scollbalken angezeigt, und der hintergrund scrollt nicht mit...mein code ist jedoch komplett korrekt? was mache ich falsch?

Ja, schaut viel, viel besser aus!

IE ist immer das Problem, der macht leider viel falsch. Entweder Du machst ein extra Style Sheet für den IE oder Du benutzt sogenannte Hacks.
Dazu schreibst Du * html Klasse {neuer Wert}. Durch * html erkennt das nur der IE!

 

[bender|dnb]

Ja, schaut viel, viel besser aus!

IE ist immer das Problem, der macht leider viel falsch. Entweder Du machst ein extra Style Sheet für den IE oder Du benutzt sogenannte Hacks.
Dazu schreibst Du * html Klasse {neuer Wert}. Durch * html erkennt das nur der IE!

danke
das mit dem IE werde ich nochmal nachträglich machen, habe im moment noch nicht so viel zeit mich damit zu beschäftigen...leider ist es , trotz der vielen fehler, immer noch der standardbrowser vieler windows-pc's...
mfg
niko

 

[ThaHammer]

danke
das mit dem IE werde ich nochmal nachträglich machen, habe im moment noch nicht so viel zeit mich damit zu beschäftigen...leider ist es , trotz der vielen fehler, immer noch der standardbrowser vieler windows-pc's...
mfg
niko

Ja, ist halt so, und das wird auch mit der IE 7 Version nicht besser werden!