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

CSS Content

Status
Für weitere Antworten geschlossen.
^^J@N^^

^^J@N^^

Neues Mitglied
Hey ich habe ein Problem mit meinem CSS Content ich kenn mich noch nicht so aus mein Problem ist das im Internet Explorer meine Homepage meist wegen dem Content scheiße aussieht naja könnte sich einer mal den code ankoken und sagen ob er ok ist wenn nicht sagt mir bitte was ich falsch gemacht habe! PS:Ich benuze zwar Firefox will aber das meine HP auch im Intenet Explorer einigermaßen gut aussieht!


HTML: 
.content{
    position: absolute;
    overflow:auto;
    padding:10px;
    font-size:13px;
    margin-left:-320px;
    left: 60%;
    top: 110px;
    width: 625px;
    height: 450px;
    color: #F2F2F2;
    background-color:#transparent;
    background-image:url(HIER BILD URL);}
 
Lektion 1:
Nur mit CSS-Code kann man nichts anfangen.

Lektion 2:
Es gehört immer der HTML-Code dazu, idealerweise ein Link zur Seite.

Lektion 3:
Wer sich der Bedeutung von "position: absolute;" nicht bewusst ist, sollte es auch nicht verwenden.

Lass dich jetzt aber davon nicht abschrecken. Wir helfen sicher gerne, nur muss man uns dann auch dazu Gelegenheit und das "Handwerkszeug" dazu geben.
 
OK dann versuch ichs jetz erneut ich schreib dir beides hin ok den HTML CODE UND CSS CODE:

Hier:


HTML: 
.content{
    position: absolute;
    overflow:auto;
    padding:10px;
    font-size:13px;
    margin-left:-320px;
    left: 60%;
    top: 110px;
    width: 625px;
    height: 450px;
    color: #F2F2F2;
    background-color:#transparent;
    background-image:url(HIER BILD URL);}



HTML: 
<div class="content">
<div align="center">
Beispiel TEXT!
</div><!--ende center-->
</div><!--ende content-->

Kannst mir jemand sagen was ich falsch gemacht habe?

Home
 
^^J@N^^ schrieb:
Kannst mir jemand sagen was ich falsch gemacht habe?
Zum Vergrößern anklicken....

Ziemlich viel.

Es fehlt der Doctype und die Grundstruktur deiner Seite hat schon Fehler.

Vor dem <head> fehlt bei dir noch <html>, welches direkt nach dem Doctype stehen muss, nach dem schließenden </html> darf auch nichts mehr stehen.

Ausserdem solltest du den Satz 'Diese Seite ist optimiert für ...' besser entfernen und dafür sorgen, dass deine Seite in allen Browsern funktioniert. Das erreichst du mit korrektem und validem HTML.

Best Viewed with / Optimiert für ... Webdesign und Usability
 
^^J@N^^ schrieb:
Danke für deine Hilfe meine Frage war es aber wie es mit meinem content aussieht?
Zum Vergrößern anklicken....

Was genau willst du denn wissen?

Warum sie nicht zentriert ist?
Warum das Menü nicht angezeigt wird?
Warum sie einen Scrollbalken hat?

Ein allgemeines
mein Problem ist das im Internet Explorer meine Homepage meist wegen dem Content scheiße aussieht
Zum Vergrößern anklicken....
ist da nicht sonderlich aussagekräftig.

Ausserdem macht es erst Sinn sich um das Layout zu kümmern, wenn die Fehler behoben sind. Der Doctype fehlt noch und das <div> unter dem </html> ist dort auch noch fehl am Platz.
 
Ich weis!


1. Ich habe es erneuert und es sind alle Fehler die du mir aufgelistet hast behoben worden!
2.Ich will wissen ob ich fehler im content habe?


Wäre nett wenn du mir das beantwoten kannst ich bin noch anfänger und dazu noch sehr jung 14 um genau zu sein ich mach das ja auch erst seit letztem Jahr!


Jan's Site-Home
 
^^J@N^^ schrieb:
Ich habe es erneuert und es sind alle Fehler die du mir aufgelistet hast behoben worden!
Zum Vergrößern anklicken....

Noch nicht ganz, der Doctype fehlt noch, füge den hier mal ganz oben ein.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ich will wissen ob ich fehler im content habe?
Zum Vergrößern anklicken....
Ja, es heißt guckt, nicht kukt ;)

Aber du meinst sicher den Code. Das <font> sollte dort raus und durch CSS ersetzt werden, ebenso das <div align="center">. Die ganzen <br> sind zwar unschön, aber erstmal kein Fehler.


Wäre nett wenn du mir das beantwoten kannst ich bin noch anfänger und dazu noch sehr jung 14 um genau zu sein ich mach das ja auch erst seit letztem Jahr!
Zum Vergrößern anklicken....
Das ist gut, in dem Alter lernt man noch sehr gut^^.
Lies dir doch diese Artikel mal durch, die helfen dir sicher.

Vorsprung durch Webstandards | Semantischer Code - Definitionen, Methoden, Zweifel

Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design
 
OK Danke kannst du mrir genau sagen was ich ändern soll also das mit dem font:

HTML: 
<p><font color="#000000" size=5 face="Arial Italic">
Wenn ihr wollt könnt ihr mir schreiben. :-)
<br>
<br>
Jan Augenstein
<br><br>
e-mail: [email protected]
<br><br>
ICQ: 452790169
<br><br>
MSN: [email protected]
</font>

Und das mit dem div was soll ich da machen stattdessen?
Hier Code:

HTML: 
Beisiele:
<div class="content">
<div align="center">

Wäre nett wenn du mir das sagen könntest?
 
Alles, was mit Formatierung zu tun hat, schreibst du in deine layout.css-Datei.
Dadurch reduziert sich dein HTML-Quelltext wie folgt:

Code: 
<div class="content">

<p>
Wenn ihr wollt könnt ihr mir schreiben. :-)
</p>
<p>
Jan Augenstein
</p>
<p>
e-mail: [email protected]
</p>
<p>
ICQ: 452790169
</p>
MSN: [email protected]
</p>
Um die doppelten Zeilenumbrüche zu vermeiden, verwende besser jeweils einen Absatz.

In deine CSS-Datei schreibst du nun folgendes:
Code: 
.content {
font-family: Arial;
color: #000000;
font-size: 5;
font-style: italic;
text-align: center;
}

Diese Angaben gelten dann für den gesamten Text innerhalb .content.
 
Das kommt darauf an, wo du ihn hin haben willst.

Entferne mal zunächst die roten Angaben:

.content{
position: absolute;
overflow:auto;
padding:10px;
font-size:13px;
margin-left:-320px;
left: 60%;
top: 110px;
width: 625px;
height: 450px;
color: #F2F2F2;
background-color:#transparent;
background-image:url(HIER BILD URL);}
Zum Vergrößern anklicken....

Falls du den content zentriert haben willst, dann findest du hier Anleitungen:
Horizontale Zentrierung mit CSS
Horizontale und vertikale Zentrierung mit CSS
Ansonsten müsstest du dich genauer äußern und ggf. auch mal einen Link reinstellen.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben