Sitecheck erbeten

[Neoaxizz]

WOW ich danke dir vielmals für deine Mühe!!!

Ich würde das ganze gerne so auf allen Seiten verarbeiten, jedoch habe ich bei dem ganzen ein kleines Problem...

Mir wurde anfangs oft gesagt, dass ich eine Divsuppe habe!
Jetzt merke ich gerade die gravierende Auswirkung, denn meine Seite ist so starr wie ein Stein.

Leider gehen die Bilder über mein Design hinaus, da die Seite nicht im geringsten Dynamisch ist.

Ich habe schon des öfteren versucht sie zu ändern, jedoch geht das ganze über mein können hinaus.

Gibt es eine möglichkeit das ganze anzupassen oder muss ich alles umschreiben, damit die Seite sich automatisch dem Content anpasst?

Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia

BEARBEITET:
Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia

 

[René]

... irgendwas stimmt bei dir generell nicht die Kästen sollten 140x140 sein. übernimm mal meine Tabelle und das CSS (habe noch was geändert) von vorne. Die drei .overview ... { ... } füge zu unterst in deine photo.css ein und nicht in den Code.

----

Generell bedürfte die Seite (Code) eine Generalüberholung!


----

In den <img ... hast du vspace="xxx" weg damit!

 

[Neoaxizz]

Schau dir mal bitte Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia an und sag mal was du davon hälst?

bei den Vertikalen Bildern muss ich vspace drin lassen, da sie sonst keinen Abstand zum Rand haben.

Überschrift mal ausser acht lassen.

Wenn ich deinen 2ten Code einbaue, liegen die Bilder immer noch über dem Design.

 

[René]

... warum die über dem Design liegen verstehe ich jetzt nicht. Aber mache doch mal aus meinem Code eine Seite und lade diese neben deine. Dann im Browser aufrufen.

 

[anna55]

bei den Vertikalen Bildern muss ich vspace drin lassen, da sie sonst keinen Abstand zum Rand haben.

Nein, musst Du nicht. Du gibst alles als CSS an:

style="border:0; height:120px; margin:5px 0; width:80px"

Oder noch besser: Du bastelst für die Bilder mit Quer- und für die mit Hochformat jeweils eine extra Klasse und baust die Angaben in Deine CSS. Das HTML sollte eigentlich frei von Styleangaben sein.

Beispiel:

.hoch {
height:120px; 
width:80px;
margin:5px 0; 
border:0; 
}

und die Klasse in den img-Tag bauen. Wie weißt Du ja, da Du bereits Klassen einsetzt.

vspace und hspace gehören zu den 'deprecated' Attributen, wie Du auf der W3C-Seite nachlesen kannst.

Im Übrigen hast Du eine tolle Seite auf die Beine gestellt. Die noch anstehenden Änderungen sind in meinen Augen nur noch marginal.

 

[René]

@anna,

generell ist da was nicht in Ordnung wenn du dir mal meinen Code als Seite ansiehst bzw. er die mal neben seine legen würde damit die Bilder auch geladen werden dann passt alles auch ohne vspace oder margin.

Wie gesagt die Seite braucht eine Generalüberholung. Wenn ich heute Zeit finde versuche ich mich mal an einer Vorlage.

 

[anna55]

@René: Neoaxizz hat ja schon gesagt, dass er gerne seine Seite mal überarbeiten würde, ihm aber doch ein wenig die Kenntnisse fehlen. (Obwohl ich finde, er hat sich schon supergut reingearbeitet.) Aber wenn Du Zeit und Lust hast, ne komplette Vorlage zu basteln - dann mach Dich dran. :icon7:

 

[Neoaxizz]

Ich kann mich bei euch gar nicht genug bedanken.

Ich stehe gerade in einem Gewissenskonflikt, denn meiner Freundin gefällt die jetzige Darstellung nicht so ganz.
Dennoch sage ich mir, dass es geordneter aussieht und ich glaube auch etwas ansprechender!

@ René
Ich glaube du weisst nicht wie die Seite anfangs aussah
Ich versuche wirklich mein möglichstes, jedoch fällt es mir ab und an schwer euren Denkprozess in sachen Codes, HTML etc. nachzuvollziehen.


(Ich habe respekt vor der css Datei, da ich meine Seite schon fast 2 oder 3 mal damit abgeschossen habe und ich erstmal den Fehler suchen musste!)

Aktueller Stand:
Ich habe höhe und breite in der css eingegeben.

.overview
{	
margin: 0px auto;
}

.overview td
{	
background-color: #333;
vertical-align: middle;
border: 1px solid #888;
text-align: center;
height: 120px;
width: 140px;
}

//.Stil1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Stil2   
{
font-family: Verdana;
font-weight: bold;
font-size: 15px;
}

.hoch 
{
height:120px; 
width:80px;
margin:4px 0; 
border:0;
}

.breit 
{
height:80px; 
width:120px;
margin:4px 0; 
border:0; 
}

Tabelle wurde dem Design angepasst.
vspace wurde enternt und alles läuft nun über css

Bsp. für ein Pic:

<td><div align="center"><a href="hp_pic/Reisefotografie-Brasilien-0001_hi.jpg" rel="lightbox[roadtrip]" title="Reisefotografie Brasilien Bahia - Arembepe © Sandra Melcer"><img src="thumbs/Reisefotografie-Brasilien-0001_low.jpg" alt="Reisefotografie Brasilien Bahia - Arembepe" class="breit"></a><br></div></td>

Aktuelles aussehen der Seite:
Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia

 

[René]

mal eine Idee.

 

[Neoaxizz]

Oh man, ich glaube ich schulde bal mehreren Leuten hier nen Kasten Bier

Ich habe bei dem ganzen ein RIESEN Problem!!!
XHTML kann ich nicht auch noch in mein Kopf drücken.
Wird ne Zeit dauern, bis ich deine Vorlage nutzen kann oder eher nachvollziehen und verstehen kann.

Das Layout sieht klasse aus...
Hier mal ein Link dahin Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia

Geht das ganze, so wie du das hier gemacht hast auch in HTML 4.0?

 

[René]

Wenn du willst mache ich dir die Seiten fertig. Du müßtest mir nur alles in eine *.zip packen und an webmaster(at)janaserver(dot)de senden.

--- Edit ---

Schreib mir per PN oder hier über welche Adresse du sendest falls die als Spam gefiltert wird das ich die wieder finde!

----

XHTML kann ich nicht auch noch in mein Kopf drücken.

So schwer ist das nicht du mußt dir nur merken Tags (<hr>) die keinen End-Tag haben schreibt man <hr /> oder <img ... /> usw.

 

[Neoaxizz]

Ich weiss dein Angebot wirklich zu schätzen, jedoch ist der Lernfaktor für mich dabei gleich 0.

Ich versuche es lieber selber mit eurer Hilfe (was gleichzeitig heisst, es kommen noch viele Fragen )
Es macht mir sehr viel Spass so wie es jetzt läuft und ich habe bis jetzt schon verdammt viel gelernt.

Eigentlich finde ich die Seite auch vom Design her bis jetzt ganz schick!!!
Möchte sie halt nur noch Dynamisch machen, da es mich ärgert, feste Positionen zu haben und mein Content der Seite anzupassen.

 

[dkdenz]

Ich weiss dein Angebot wirklich zu schätzen, jedoch ist der Lernfaktor für mich dabei gleich 0.

Ich versuche es lieber selber mit eurer Hilfe (was gleichzeitig heisst, es kommen noch viele Fragen )
Es macht mir sehr viel Spass so wie es jetzt läuft und ich habe bis jetzt schon verdammt viel gelernt.

Respekt!
Sowas liest man selten!

 

[René]

Es macht mir sehr viel Spass so wie es jetzt läuft und ich habe bis jetzt schon verdammt viel gelernt.

Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia warum verunstaltest du dann den Quelltext. Rücke doch mal anständig ein dann kann man den auch besser lesen. Sag jetzt aber nicht ich spare dadurch Bytes die Tabs zum einrücken werden die Seite nicht um bringen.

<!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
[COLOR="Red"]<div align="left">[/COLOR]<a href="http://partners.webmasterplan.com/click.asp?ref=391998&site=1382&type=b672&bnb=672&entnb=384" target="_blank"><img src="http://banners.webmasterplan.com/view.asp?ref=391998&site=1382&b=672" class="opacity1" onmouseover="this.className='opacity2'" onmouseout="this.className='opacity1'" border="0" alt="eBay Partnerprogramm" width="88" height="35" /></a>[COLOR="Red"]</div>[/COLOR]
<!-- END PARTNER PROGRAM -->

Das rot kannst du löschen ist Standard (links ausgerichtet) und außerdem nicht erlaubt align="...". Wenn du darauf (Werbung) verzichten kannst dann lasse es ganz weg.

 

[anna55]

Respekt!
Sowas liest man selten!

Hier schließe ich mich an. Du lernst nur was, wenn Du die Sache selbst machst. Im Übrigen ist das auch der einzige Weg, um in Albu's Ranking weiter nach oben zu kommen. :d

In Deiner Klasse .breit kannst Du die margin-Angabe weglassen. Du hattest da vorher im HTML auch keine Angabe stehen. Die Notierung wäre auch falsch, so wie Du sie eingebaut hast. Lies mal dazu bei SELfHTML nach unter dem Beispiel dort.

Wie René schon sagte, ist 'align' auch in der Liste der veralteten Attribute. Hier baust Du am besten ebenfalls eine Klasse.

Zu XHTML: Stell die Seite um, wenn Du Dir die Arbeit machen willst. Meiner Beobachtung nach sind sehr viele ordentlich geschriebenen Seiten mittlerweile XHTML, so auch unser Forum.

Unterschiede HTML/XHTML - Allgemein
Unterschiede in Script- und Stylebereichen

 

[Neoaxizz]

War kurz in Paris, daher keine Antwort mehr...

Wie René schon sagte, ist 'align' auch in der Liste der veralteten Attribute. Hier baust Du am besten ebenfalls eine Klasse.

Werde nun nach und nach überall die befehle raus nehmen. In einigen Webseiten schon geschehen.

Zu XHTML: Stell die Seite um, wenn Du Dir die Arbeit machen willst. Meiner Beobachtung nach sind sehr viele ordentlich geschriebenen Seiten mittlerweile XHTML, so auch unser Forum.

Ich arbeite derzeit NUR mit Dreamweaver. Dort besteht die Möglichkeit alles mit einem Klick von HTML 4.01 Trans in XHTML zu konvertieren. Macht das sinn, bzw kann ich das machen oder muss ich alles manuell ändern?

Reisefotografie & Fotoreportagen s-Melcer.de | Brasilien Bahia warum verunstaltest du dann den Quelltext. Rücke doch mal anständig ein dann kann man den auch besser lesen. Sag jetzt aber nicht ich spare dadurch Bytes die Tabs zum einrücken werden die Seite nicht um bringen.

Verstehe dein Post nicht wirklich!?! Ich finde ich habe meinen Source sehr übersichtlich gemacht (siehe Anhang). Nur weiss ich ab und zu nicht, ob es Auswirkungen hat, wenn ich Tabs wegnehme/zufüge oder einfach mal nach dem ende eines Befehls Enter drücke.

</div></div></div></div></div></body>
</html>

Hier macht es z.b. (glaube ich zumindest) keinen unterschied, ob ich jeden Div untereinander schreibe oder es so gestalte wie es jetzt ist.

...Wenn du darauf (Werbung) verzichten kannst dann lasse es ganz weg.

Sehr ungern, denn ich finde an diese Stelle ist die einzige, wo ich Werbung einbauen kann!
Werbung ganz rausnehmen ist nicht drin, da ich dafür zu "gute" Ergebnisse erziele. (Nur so viel: meinen Jahresbeitrag für die Domain habe ich schon raus... Dabei besteht die Website erst 2 Monate!!!)