Antworten auf deine Fragen:
Neues Thema erstellen

Css Designe anpassen

DjRay1987

Noch nicht viel geschrieben

Hey Leute,

ich habe ein CSS Design das ich gerne auf die wichtigsten Bildschirmauflösungen anpassen möchte. (800x600 , 1024*768 usw)
ist dies möglich?
Wenn ja wie *lach*

DjRay
 

W

waterwebdesign

Guest

AW: Css Designe anpassen

Ein Design lässt sich anpassen. Das Wie ist eine Frage des vorhanden Codes, und was optisch dabei rauskommen soll. Auf blauen Dunst kann man nur sagen: Dynamisches Layout mit relativen Einheiten.
 

Herr_D

offline

AW: Css Designe anpassen

Ja sehr witzig...


Wenn du mal das Design besser den Code posten würdest, könnte man ja was dazu sagen...


So nur: Das Stylesheet anpassen sollte helfen...
 

DjRay1987

Noch nicht viel geschrieben

AW: Css Designe anpassen

Hier HTML
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ray Production Crew</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stil1 {color: #FF0000}
-->
</style>
</head>
<table border="0" style="margin-left:auto; margin-right:auto"></table>

<body style="background-color:#242525;">
<!-- ImageReady Slices (Ray Production geschnitten oben unten slice 2.psd) -->
<div id="Tabelle_01">
    <div id="header_">
        <img id="header" src="images/header.jpg" width="1280" height="133" alt="" />
    </div>
    <div id="links-d_">
        <img id="links_d" src="images/links-d.jpg" width="190" height="37" alt="" />
    </div>
    <div id="home_">
        <a href="index2.html"><img src="images/home.jpg" alt="" name="home" width="172" height="37" border="0" id="home" /></a> </div>
    <div id="team_">
        <a href="team.html"><img src="images/team.jpg" alt="" name="team" width="183" height="37" border="0" id="team" /></a> </div>
    <div id="music_">
        <a href="music..html"><img src="images/music.jpg" alt="" name="music" width="184" height="37" border="0" id="music" /></a> </div>
    <div id="gb_">
        <a href="gb.html"><img src="images/gb.jpg" alt="" name="gb" width="183" height="37" border="0" id="gb" /></a> </div>
    <div id="forum_">
        <a href="http://www.forum.ray-production.de"><img src="images/forum.jpg" alt="" name="forum" width="177" height="37" border="0" id="forum" /></a> </div>
    <div id="rechts-d_">
        <img id="rechts_d" src="images/rechts-d.jpg" width="191" height="37" alt="" />
    </div>
    <div id="content_">
        
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML>
            <!--          @page { margin: 2cm }          P { margin-bottom: 0.21cm }          A:link { so-language: zxx }      -->
            <BODY LANG="de-DE" DIR="LTR">
</p>
          <p>Hi Leute,</p>
          <p>Also es ist endlich soweit unsere Page  ist nun Online.</p>
          <p>Es ist uns leider aus zeitlichen  Gr&uuml;nden nicht gelungen dass die Aufl&ouml;sung der Seite stimmt,</p>
          <p>dieses Problem werden wir aber so  schnell wie m&ouml;glich beheben !!!</p>
          <p>Wir w&uuml;nschen euch trotzdem weiterhin  viel Spa&szlig; mit der RP CREW</p>
          <p>Mit freundlichen Gr&uuml;&szlig;en</p>
          <p> DjStrike and  Dj Ray (Ray-Production)</p>
          <p></p>
          <p><br />
          </p>
          <p><br />
          </p>
          <p>
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML>
            <!--          @page { margin: 2cm }          P { margin-bottom: 0.21cm }      -->
            <BODY DIR="LTR">
</p>
          <p>&nbsp;</p>
  </div>
    <div id="verzierung-li_">
        <img id="verzierung_li" src="images/verzierung-li.jpg" width="373" height="131" alt="" />
    </div>
    <div id="impressum_">
        <a href="impressum.html"><img src="images/impressum.jpg" alt="" name="impressum" width="126" height="38" border="0" id="impressum" /></a> </div>
    <div id="copyright_">
        <img id="copyright" src="images/copyright.jpg" width="281" height="38" alt="" />
    </div>
    <div id="links_">
        <a href="links.html"><img src="images/links.jpg" alt="" name="links" width="133" height="38" border="0" id="links" /></a> </div>
    <div id="verzierung-re_">
        <img id="verzierung_re" src="images/verzierung-re.jpg" width="367" height="131" alt="" />
    </div>
    <div id="unten_">
      <div align="center"></div>
    </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>



Hier CSS:

Code:
#Tabelle_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1280px;
    height:768px;
}

#header_ {
    position:absolute;
    left:0px;
    top:0px;
    width:1280px;
    height:133px;
}

#links-d_ {
    position:absolute;
    left:0px;
    top:133px;
    width:190px;
    height:37px;
}

#home_ {
    position:absolute;
    left:190px;
    top:133px;
    width:172px;
    height:37px;
}

#team_ {
    position:absolute;
    left:362px;
    top:133px;
    width:183px;
    height:37px;
}

#music_ {
    position:absolute;
    left:545px;
    top:133px;
    width:184px;
    height:37px;
}

#gb_ {
    position:absolute;
    left:729px;
    top:133px;
    width:183px;
    height:37px;
}

#forum_ {
    position:absolute;
    left:912px;
    top:133px;
    width:177px;
    height:37px;
}

#rechts-d_ {
    position:absolute;
    left:1089px;
    top:133px;
    width:191px;
    height:37px;
}

#content_ {
    position:absolute;
    background:url(images/content.jpg) no-repeat;    
    left:0px;
    top:170px;
    width:1280px;
    height:400px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

#verzierung-li_ {
    position:absolute;
    left:0px;
    top:637px;
    width:373px;
    height:131px;
}

#impressum_ {
    position:absolute;
    left:373px;
    top:637px;
    width:126px;
    height:38px;
}

#copyright_ {
    position:absolute;
    left:499px;
    top:637px;
    width:281px;
    height:38px;
}

#links_ {
    position:absolute;
    left:780px;
    top:637px;
    width:133px;
    height:38px;
}

#verzierung-re_ {
    position:absolute;
    left:913px;
    top:637px;
    width:367px;
    height:131px;
}

#unten_ {
    position:absolute;
    background:url(images/unten.jpg) no-repeat;
    left:372px;
    top:677px;
    width:540px;
    height:93px;
}
 

Herr_D

offline

AW: Css Designe anpassen

Mir wird schlecht... sorry, das ist ja noch schlimmer als der Tabellencode, den PS ausspuckt...



So läßt sich das Design nicht anpassen.... alles absolut positioniert im div-Wahnsinn...




Lad mal die Grafik (besser noch die .psd) irgendwo hoch
 

cebito

undefined

AW: Css Designe anpassen

Das Design passt zum code (schrecklich). Ich würd damit nicht on gehn.
Aber davon abgesehn ließe sich das mit 3 div's (header, main, footer) und
ner ul für die Navi realisieren.
 

DjRay1987

Noch nicht viel geschrieben

AW: Css Designe anpassen

Cebito ich fragte nich wie du das design findest sondern wie das funktioniert da ich noch anfänger bin lol
 

sokie

Mod | Web

AW: Css Designe anpassen

Hallo DjRay,
ich fürchte das 'Anpassen' macht hier keinen Sinn.
wenn Du ein Design haben willst, dass auf unterschiedliche Auflösungen 'reagiert' musst Du auf maschinenerzeugten code ganz verzichten.
Du brauchst auch grafische Elemente, die sich in der einen oder anderen Richtung wiederholen können um das Layout flexibel zu machen.
Warum der Code überhaupt nicht brauchbar ist, wirst du feststellen, wenn Du Dich mit den Grundlagen von HTML und CSS ein wenig vertraut gemacht hast.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben