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

Brauche dringend HTML Hilfe !

I

iCrash

Neues Mitglied
Hallo zusammen,

bin langsam am verzweifeln. Mein Problem: ich möchte Grafiken auf einer Internetseite mit HTML ausrichten, habe ein freeware HTML Programm mit dem ich die Höhe und Breite der Bilder einstellen kann, er wirft mir dann direkt den HTML code raus. Wenn ich alles schön zentriert habe erscheinen die Bilder bei mir im Browser auch mittig, wenn ich jedoch auf einem anderen PC mit andere Bildschirmauflösung oder iPhone/iPad diese Seite aufrufe, erscheint alles nicht Mittig / Zentriert.

Es gibt doch mit sicherheit einen HTML code mit dem ich die Bilder für jeden Browser / Bildschirmauflösung / Tablet ausrichten kann ?

Hier die Seite um es besser zu verdeutlichen: iCrash-Store iPhone Reparatur ; Beratung und Verkauf



Würde mich über eine Antwort freuen.

Gruß
 
Ich würde dir raten auf BlueVoda (kenne ich nicht, steht aber im HTML-Code) zu verzichten, denn der in den HTML-Code eingebettete CSS-Code ist überaus fragwürdig. Damit kann man keine Zentrierung einheitlich erreichen.

Wenn Du eine Seite zentrieren willst, reicht so etwas völlig aus:

Code: 
body { 
 margin: 0;
 width: 800px;
}

Aber das kriegst Du nicht durch Programme, die etwas automatisch für dich generieren sollen.
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>iCrash-Store iPhone Reparatur ; Beratung und Verkauf</title>
<meta name="GENERATOR" content="Created by BlueVoda">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="bv_Image1" style="overflow:hidden;position:absolute;left:378px;top:292px;z-index:0" align="left">
<a href="http://www.iCrash-Store.de/applereparatur"><img src="images/repapp.jpg" id="Image1" alt="" align="top" border="0" style="width:245px;height:245px;"></a></div>
<div id="bv_Image2" style="overflow:hidden;position:absolute;left:776px;top:291px;z-index:1" align="left">
<img src="images/shopapp.jpg" id="Image2" alt="" align="top" border="0" style="width:247px;height:247px;"></div>
<div id="bv_Image3" style="overflow:hidden;position:absolute;left:527px;top:44px;z-index:2" align="left">
<img src="images/logo.jpg" id="Image3" alt="" align="top" border="0" style="width:311px;height:149px;"></div>
</body>
</html>
Zum Vergrößern anklicken....

Wo müsste das demnach hier rein?


Vielen Dank, gruß
 
Hallo,

habe mich ein wenig eingelesen und eine css datei im gleichen ordner erstellt.

habe jetzt unter den meta text der index.htm folgendes eingefügt:

<link rel="stylesheet" type="text/css" href="style.css">

und dann in der style.css folgendes:


body { margin: 0; width: 800px;}Kann leider noch keinen unterschied feststellen, wenn ich die Seite auf meinem iPhone öffne.
 
Du musst auch noch den HTML- und CSS-Code den dein Programm bisher vorgefertigt hat entsprechend anpassen. Pauschal gesagt müssen alle CSS-Eigenschaften, die aktuell Inline stehen (also per style="" eingebaut sind) raus.
 
Ich komme damit einfach nicht zurecht, ich verstehe davon nicht viel.

Wie kann ich die jetzigen style="" aus der index.htm rausnehmen und in die css anpassen?
 
Indem du threadis Hinweise befolgst und dir (x)HTML und CSS beibringst ;-) Die style=""-Formulierungen gehören schließlich immer zu bestimmten HTML-Tags und die Eigenschaften, die jetzt innerhalb des style-Attributs der tags stehen kannst du zentral in der CSS-Datei definieren.
 
Hallo Leute,

brauche eure Hilfe. Kann mir jemand sagen, ob man dem Tabellen-Tag <td> Attribute, {id=""} vergeben kann? Wenn ja, kann mir jemand erklären, was ich hier falsch machen, dass mein Firefox es nicht so darstellen will wie ich es schreibe:
Code: 
<div id="container">
    <table>
        <tr>
            <td id="ws_big"></td>
            <td id="logo_w"></td>
            <td id="logo_txt"></td>
            <td id="oblig"></td>
        </tr>
        <tr>
            <td id="div_line"></td>           
        </tr>   
        <tr>
            <td id="ws_small"></td>
            <td id="nav_b"></td>
            <td id="nav_b"></td>
            <td id="nav_b"></td>
            <td id="nav_b"></td>
            <td id="ws_small"></td>
        </tr>
        <tr>
            <td id="cont"></td>
            <td id="cont"></td>
        </tr>
</div>
Code: 
#container {
width: 770px;
height: 550px;
margin: auto;}

#ws_big {
width: 110px;                                       //die Breite wird immer breiter gezeigt als eingestellt
height: 152px;}

#logo_w {
width: 170px;                                      // Logo auch überdimensional, nicht wie gewünscht
height: 152px;
background-image: url(./pics/logo_w.png);
background-size: 100%;
background-repeat: no-repeat;}

#logo_txt {
width: 467px;
height: 152px;
background-image: url(./pics/logo_txt.png);
background-size: 100%;
background-repeat: no-repeat;}

#oblig {
width: 23px;
height: 152px;}

#div_line {
width:770px;
heigth:10px;}

#ws_small {
width:5px;
height:17px;}

#nav_b {
width:190px;
height:17px;}

#cont {
width:385px;
height:371px;}

Vielen Dank im Voraus


PS: die png's habe 200 dpi, wurden aber auf jeweilige Breite und Höhe der ID's skaliert.
 
Ist doch egal, hier wurde um Hilfe mal gebeten, deswegen wollte ich hier weiter posten. Kann auch einen neuen Thread aufmachen :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben