Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 19. Juni 2014 09:15

vapalux
probiert CMSMS aus
Registriert: 28. September 2011
Beiträge: 62

Re:

Hallo,

ich verwende das Template 'CMS-Times // The CMS-Times + News'
und habe die CMS Made Simple -Version 1.11.10

Da ich hier ein Lago anzeigen möchte, habe ich dieses links positioniert

{process_pagedata}
<!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>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
</head>

<body>
<div id="wrapper">

  <div id="center">
  <div id="logo"><img src="http://webseitenname.de/uploads/images/rosenetzki.png"></div>
  <div id="head">{cms_selflink dir="start" text="$sitename"}</div>
  <div id="menu">
    {menu template="CMS-Times // cssmenu_ulshadow"}
  <!-- <div id="serach">{search searchtext="null"}</div> -->

  </div>
  <div id="content">
    <p class="h1home">{title}</p>
        {content}
  </div>
 
  <div id="news">
        {news number='3' detailpage='news'}
  </div>

  <div id="bottom">
    <div id="pfad">
     {breadcrumbs starttext='' root='Home' delimiter=' » '}
    </div>
    <div id="options">
      {print script=true}
    </div>
  </div>
</div>
</div>
</body>
</html>


Im Stylesheet steht

#logo {
       position:absolute;
       top:0;
       left: -180px;
       
}

Schaue ich mir die Seite auf meinem iPad Mini an, sehe ich das Logo nicht sad

Ich weiß, dass es mit der festgelegten Breite width: 900px; zu tun haben muss, habe aber leider überhaupt keine Ahnung
was ich da jetzt ändern muss.

width: 900px;  kommt auch sehr oft im zugehörigen Stylesheet vor.

Könnt ihr mir bitte helfen?

Danke Vapalux

Beitrag geändert von vapalux (19. Juni 2014 09:50)

Offline

#2 19. Juni 2014 11:23

cyberman
Moderator
Ort: Dohna / Sachsen
Registriert: 13. September 2010
Beiträge: 6.741
Webseite

Re:

Ohne die komplette CSS, oder noch besser, einen Link wird dir hier niemand weiter helfen können.

Die gepostete CSS sagt nix anderes, als das du den div Block "Logo" 180 Pixel nach links rückst.


1. Wie bekomme ich hier schnelle Hilfe?
2. HowTo: Fehlersuche bei CMSMS
---
„First they ignore you, then they laugh at you, then they fight you, then you win.“ Mahatma Ghandi

Offline

#3 19. Juni 2014 12:24

vapalux
probiert CMSMS aus
Registriert: 28. September 2011
Beiträge: 62

Re:

hier das zugehörige Stylesheets

* {
    margin: 0px;
    padding: 0px;
    font-family: Corbel, Arial, Helvetica;
}
body {
    behavior:url(/cmssimple/uploads/CMS-Times/csshover.htc);
    background-color: #fff;
<!--    background-image: url(/cmssimple/uploads/CMS-Times/bg.jpg); -->
    background-repeat: no-repeat;
    background-position: center top;
}
#center {
    position:relative;
        width: 900px;
    margin-right: auto;
    margin-left: auto;
}

#NewsPostDetailReturnLink{
        margin-top: 10px;
}

#rahmen {
       position:absolute;
       top:122px;
       margin-left: 280px;
}

#mir {
       position:absolute;
       top:50px;
       margin-left: 745px;
}

#fb {
       position:absolute;
       top:50px;
       right:0px;
}
#logo {
       position:absolute;
       top:0;
       left: -180px;
       
}
#stext {
       position:absolute;
       top:60px;
       font-size:19px;
       color: #4A4A4A;
       font-family: "Adobe Garamond Pro", Garamond, Cambria, "Times New Roman", serif;
}
#head {
    margin-top: 35px;
    margin-left:200;
    padding-bottom: 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
#head a {
    font-family: Corbel,Arial,Helvetica;
    font-size: 38px;
    font-style: normal;
    color: #333333;
    text-decoration: none;
    text-align:center;
}
#menu {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    float: left;
        width: 100%;

}

#menuwrapper {
    float: left;
}


/* -- Remove comment if you use the search module */
/*
#search {
    float: right;
    text-align: right;
    font-size: 28px;
padding-right: 10px;
}
.search-input {
    font-family: "Adobe Garamond Pro", Garamond, Cambria, "Times New Roman", serif;
    font-size: 18px;
    height: 25px;
    width: 130px;
    margin-top: 10px;
    background-color: #DBDBDB;
    border: 1px solid #CCCCCC;
    color: #666666;
float: right;
}
.search-button, #search label{
    display: none;
}
*/


/* -- --*/
#content {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    float: left;
    list-style-position: inside;
    padding:0px 0px 10px 0px;
   width: 100%;

}
#content li {
    color: #4A4A4A;
    list-style-position: outside;
    margin-left: 30px;
    margin-bottom: 2px;
    font-family: Corbel, Arial, Helvetica;
    font-size: 14px;
}
#content img {
    padding: 1px 0 0 0;
    text-align: center;
    margin-left: 1px;
    margin-bottom: 1px;
}

.video-container {
float: left;
width: 50%;
}


/* -- --*/

#bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    float: left;
    padding-top: 5px;

}

#pfad a {
    color: #ffffff;
    text-decoration: none;
}
#options {
    font-size: 12px;
    color: #999999;
    float: right;
    width: 230px;
    text-align: right;
    margin: 0px;
    padding: 0 10px 0 0;
}
#options  a  {
    color: #999999;
    text-decoration: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
}
#options p {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
}

#pfad {
    font-size: 12px;
    color: #ffffff;
    padding-top: 0px;
    float: left;
    padding-left: 200px;
    width: 650px;
}
#pfad  p {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

#pfad a:hover, #options a:hover{
    color: #333333;
}



/* -- News Module -- */
#news {
    margin-right: auto;
    margin-left: auto;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    float: left;

}
div.NewsSummaryMorelink a{
color: #4A4A4A;
}
/*
div.NewsSummaryMorelink {
       position: absolute;
       top: 650px;
}
*/
div.NewsSummary{
    padding-left:10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right:10px;
    width: 205px;
    float:left;
    color: #4A4A4A;

}
div.NewsSummaryLink a{
    color: #333333;
    font-size: 22px;
    text-decoration: none;

}
ul.list1{
    display: none;
}
div.NewsSummaryPostdate, div.NewsSummaryCategory, div.NewsSummaryAuthor {
    display: none;
}

/* -- Text -- */
p  {
    font-family: Corbel, Arial, Helvetica;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 18px;
    text-align: justify;
    padding: 5px 0 5px 0;
}
h1 {
    font-size: 22px;
    padding-top: 15px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
h2 {
    font-size: 18px;
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
h3 {
    font-size: 16px;
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
.h1home {
    font-size: 28px;
    margin-top: 1px;
    margin-bottom: 1px;
    color: #333333;
    font-weight: normal;
    padding-bottom: 1px;
}

IMG {border:0px;}

Offline

Fußzeile des Forums

Powered by FluxBB