Помогите пожалуйста с css

12
[Удален]
1901

криво название статей выводятся

вот код css. Помогите исправить.

/* global links */

a, a:visited, a:link, a:active {
color: #317fd9;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: underline;
}

/* input, select, textarea */
.inputbox, .text_area, .selectbox {
background-color: #FFFFFF;
border: 1px solid #5098eb;
padding: 1px 2px;
margin: 1px;
color: #444;
font-size: 12px;
font-family: tahoma, verdana, sans-serif;
}

/* button */
.button {
background: #96cbfd url(../images/buttonback.png) top left repeat-x;
border: 1px solid #5098eb;
color: #FFF;
font-weight: normal;
padding: 1px 2px;
margin: 1px;
font-weight: bold;
font-size: 12px;
font-family: tahoma, verdana, sans-serif;
}
.button:hover {
cursor: pointer;
background: #488bd8 url(../images/buttonback_h.png) top left repeat-x;
}

/* back button */
div.back_button {
background: transparent url(../images/backbg.png) 0 0 no-repeat;
padding: 0;
margin: 15px 0 15px 15px;
height: 22px;
}
div.back_button a, div.back_button a:active, div.back_button a:visited, div.back_button a:hover {
padding: 0;
margin: 0;
text-decoration: none;
font-size: 12px;
line-height: 15px;
font-family:tahoma, verdana, arial;
font-weight:normal;
color:#FFF;
border: none;
text-decoration: none;
position: relative;
top: 3px;
left: 18px;
display: inline-block;

}
div.back_button a:hover { color: #000; }

/* system message (mosmsg) */
div.message {
clear: both;
font-weight: normal;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
color: #7b871a;
background: #f3f8c5 url(../images/info32.png) 0 50% no-repeat;
min-height: 32px;
margin: 0 0 15px 0;
padding: 5px 5px 5px 37px;
border: 1px solid #d1de62;
}

/* pathway */
span.pathway {
display: block;
margin: 0 0 10px 0;
padding: 0;
line-height: 16px;
font-size: 11px;
color: #777;
}
a.pathway, a.pathway:visited, a.pathway:hover, a.pathway:active {
background: url(../images/indent1.png) 100% 50% no-repeat;
font-weight: bold;
color: #1a6fb7;
text-decoration: none;
font-size: 11px;
padding: 0 12px 0 0;
margin: 0;
}
a.pathway:hover { color: #ff340b; }
span.pathway img { display:none; }

/* small text */
.small { font-family: tahoma, verdana, arial; font-size: 11px; color: #444; }

/***************************************************/
/* CONTENT */

/* headers */
h1.contentheading, h1.componentheading {
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
font-size: 22px; font-weight: bold; color: #3d4867; padding: 0; margin: 5px 0 8px 0;
line-height: 25px;
}
h2.contentheading {
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
font-size: 19px; font-weight: bold; color: #5d647b; padding: 0; margin: 4px 0 7px 0;
line-height: 22px;
}
h3.contentheading {
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
font-size: 16px; font-weight: bold; color: #666; padding: 0; margin: 3px 0 6px 0;
line-height: 19px;
}

/* email, print, rtf, pdf buttons */
div.buttonheading {
margin: -26px 5px 7px 0;
}

/* .item_sectioncategory {} */
div.item_sectioncategory a { text-decoration: none; }

/* item's author, creation and last modification dates and related links */
div.item_sectioncategory, div.item_author, div.item_createdate, div.item_modifydate, div.item_hits, div.item_comments {
background: none;
padding: 0;
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
color: #666;
font-style: normal;
font-size: 12px;
line-height: 15px;
}
div.item_sectioncategory {
font-size: 13px;
}
div.item_modifydate {
background: transparent url(../images/calendar.png) top left no-repeat;
padding: 0 0 0 18px;
line-height: 16px;
margin: 10px 0 20px 0;
color: #777;
}
div.item_related { margin: 20px 0 20px 0; color: #444; }
div.item_related a {
font-family: tahoma,verdana,arial,sans-serif;
font-size: 12px;
line-height: 16px;
padding: 0 0 0 18px;
background: transparent url(../images/cursor.png) 0 50% no-repeat;
text-decoration: none;
}

/* section, category table view wrapper */
div.contentpane { text-align:justify; }

/* section category description */
.contentdescription { float: left; margin-bottom: 10px; }
.contentdescription img { margin: 4px; }

/* section, category contents (table view) */
div.tcs { margin-bottom: 10px; }
div.tcs ul { margin: 0; padding: 10px 0; }
div.tcs ul.table { margin: 0; padding: 0; }

ul.table li { list-style-type: none; }
ul.table li.row0, ul.table li.sectiontableentry1 { background: none; }
ul.table li.row1, ul.table li.sectiontableentry2 { background: none; }

ul.table li.sectiontableentry1 a, ul.table li.sectiontableentry1 a:link, ul.table li.sectiontableentry1 a:visited,
ul.table li.sectiontableentry1 a:hover, ul.table li.sectiontableentry2 a, ul.table li.sectiontableentry2 a:link,
ul.table li.sectiontableentry2 a:visited, ul.table li.sectiontableentry2 a:hover {
background: transparent url(../images/shortcut.png) 0 50% no-repeat;
padding: 0 0 0 18px;
color: #194ba6;
font-weight: bold;
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
font-size: 13px;
line-height: 16px;
text-decoration:none;
}
ul.table li.sectiontableentry1 a:hover, ul.table li.sectiontableentry2 a:hover { color: #ff320a; }

/* content navigation footer */
div.sectiontablefooter {
border: 1px dashed #CCCCCC;
margin: 15px 0 20px 0;
}

/* blog */
div.blog { overflow: hidden; }
div.blogleading {
overflow: hidden;
clear: both;
border: none;
border-top: 1px solid #dadada;
padding: 6px 8px 16px 8px;
background: #fff url(../images/leading_gray_bg.jpg) bottom right no-repeat;
margin: 10px 0 20px 0;
}

div.blogcell div.contentpaneopen_text { text-align:justify; padding:3px; }

/* email, print, rtf, pdf buttons overwrite for blog cells */
.blogcell div.buttonheading { text-align: left; margin: 0 0 5px 0; }

/* more links */
.moreLinks {
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height: 16px;
padding: 2px 0;
margin: 10px 0 5px 0;
color: #777;
border-bottom: 1px solid #ddd;
}

div.blog_more ul {
list-style: none;
margin: 4px 0 15px 0;
padding: 0;
}
div.blog_more li {
list-style-type: none;
background: transparent url(../images/shortcut-small.png) bottom left no-repeat;
margin: 0;
padding: 0 0 0 18px;
}
div.blog_more li a.blogsection {
font-size: 12px;
text-decoration: none;
}
div.contentpaneopen_text { text-align:justify; padding:0 4px; }
div.contentpaneopen_text li { list-style-type: disc; }

a.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:hover {
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
font-size: 19px; font-weight: bold; color: #1563be; padding: 0;
line-height: 22px; text-decoration: none;
}
a.contentpagetitle:hover { color: #ff320a; }

/* content navigation footer */
div.sectiontablefooter {
border: none;
margin: 20px 0;
}

/* category link */
a.category, a.category:link, a.category:visited, a.category:hover {
background: transparent url(../images/book-open-bookmark.png) 0 50% no-repeat;
padding: 0 0 0 18px;
color: #194ba6;
font-weight: bold;
font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
font-size: 13px;
line-height: 16px;
text-decoration:none;
}
a.category:hover { color: #ff320a; }

/* read more link */
a.readon, a.readon:link, a.readon:visited, a.readon:hover {
background: transparent url(../images/arrow-curve-left.png) top left no-repeat;
padding: 0 0 0 18px;
text-decoration:none;
border: none;
margin: 0 0 10px 0;
display: block;
float: left;
}
a.readon:hover { color: #ff320a; }

/* page navigation links */
span.pagenav {
margin: 0 2px 0 0;
padding: 1px 2px;
background-color: #eee;
color: #555;
text-align: center;
border: none;
font-size: 11px;
}

a.pagenav, a.pagenav:link, a.pagenav:visited,
.pagenav_next a, .pagenav_next a:link, .pagenav_next a:visited,
.pagenav_prev a, .pagenav_prev a:link, .pagenav_prev a:visited {
margin: 0 2px 0 0;
padding: 1px 2px;
background-color: #2e77dd;
color: #FFF;
text-align: center;
border: none;
font-size: 11px;
text-decoration: none;
}
a.pagenav:hover, .pagenav_next a:hover, .pagenav_prev a:hover { background-color: #ff320a; border-color: #CC0000; color: #FFF; }
[Удален]
#1

HTML код выложите или сайт покажите. Мы не волшебники. :)

P
На сайте с 19.03.2009
Offline
17
#2

Кусок кода где заголовок выводится еще выложите.

А пока можно попробовать в секцию /* header */ вставить

h1, h2, h3 {

clear:both; overflow:hidden;
}
Помогу с вёрсткой, html, css, js, jquery, php, mysql ($) icq 8938933 Быстрый, удобный и недорогой хостинг (http://sweb.ru/p17046) Виза в Великобританию (http://www.englishexpert.ru/velikobritaniya/viza/viza-v-velikobritaniu/)
[Удален]
#3
poyzn:
Кусок кода где заголовок выводится еще выложите.

А пока можно попробовать в секцию /* header */ вставить
h1, h2, h3 {
clear:both; overflow:hidden;
}

прописал, удалились категории что вверху были, название так же осталось.

вот код с шаблона:

<?php mosShowHead(); ?>
<link href="<?php echo $philoxenia->ssl_live_site; ?>/templates/philoxenia/css/template_css<?php echo (_GEM_RTL) ? '-rtl' : ''; ?>.css" rel="stylesheet" type="text/css" media="all" />
<?php
$philoxenia->injectcss();
$philoxenia->curvycorners();
if ($philoxenia->pget('js') != '') {
echo '<script type="text/javascript" src="'.$philoxenia->pget('js').'"></script>'."\n";
}
if ($my->id) { initEditor(); }
?>
</head>
<?php echo '<link href="'.$mainframe->getCfg('live_site').'/modules/dsmenu/dsmenu_h.css" rel="stylesheet" type="text/css" />'; ?>
<body<?php echo $mainframe->onLoad(); ?>>
<div class="xenia_globalwrapper">
<div class="xenia_topline">
<div class="xenia_logo">
<a href="<?php echo sefRelToAbs('index.php'); ?>" title="<?php echo $mainframe->getCfg('sitename'); ?>">
<img src="<?php echo $philoxenia->ssl_live_site; ?>/templates/philoxenia/images/logo.jpg" alt="<?php echo $mainframe->getCfg('sitename'); ?>" border="0" />
</a>
<?php $philoxenia->showslogan(); ?>
</div>
<div class="xenia_topmods">
<?php if (mosCountModules('user1') > 0) { mosLoadModules('user1', -2); } ?>
</div>
<div style="clear: both;"></div>
</div>
<div class="xenia_nav_<?php echo $philoxenia->pget('navbar'); ?>">
<?php mosLoadModules('top', -1); ?>
<div class="xenia_searchbox">
<?php elxLoadModule('mod_search', -1); ?>
</div>
</div>

<div id="xenia_mainwrapper">
<div id="sitecontent">
<div class="inside">
<?php
mosLoadModules('header', -2);
mosLoadModules('user2', -2);
if ((mosCountModules('user3') > 0) && (mosCountModules('user4') > 0)) {
echo "<div>\n";
echo '<div style="width: 49%; float: left; overflow: hidden; margin-right: 2px;">'."\n";
mosLoadModules('user3', -2);
echo "</div>\n";
echo '<div style="width: 49%; float: left; overflow: hidden;">'."\n";
mosLoadModules('user4', -2);
echo "</div>\n";
echo '<div style="clear: both;"></div>'."\n";
echo "</div>\n";
} else {
if (mosCountModules('user3') > 0) { mosLoadModules('user3', -2); }
if (mosCountModules('user4') > 0) { mosLoadModules('user4', -2); }
}
echo '<div style="clear: both;"></div>'."\n";
if (($philoxenia->pget('pway') === 1) || (($philoxenia->pget('pway') === 2) && ($option != 'com_reservations'))) {
mospathway();
}
mosMainBody();
?>
Кофейник
На сайте с 11.07.2009
Offline
78
#4
КаскаДёр:
вот код с шаблона:

Нормальный код со страницы нужен или ссылка на проблемную страницу.

Как вариант, блоку в котором выводится текст прописать свойства:


position:relative;
top:10px;

Решение гавно, но работать думаю будет.

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
vandamme
На сайте с 30.11.2008
Offline
675
#5

вообще то h1 блочный тег, он будет на новую строку переходить, уберите его или всю строку в тег проставьте about croatia -> airports -> airports in croatia

Кофейник
На сайте с 11.07.2009
Offline
78
#6

Если это h1, то у ТС судя по коду явно что-то намудрено с интерлиньяжем (line-height).

[Удален]
#7
Кофейник:
Если это h1, то у ТС судя по коду явно что-то намудрено с интерлиньяжем (line-height).

раньше было нормально потом обновил cms, через патч, до последней версии, все загаловки статей стали криво отображаться.

вот код со страницы.

пс. контент малость потёр :)

<link rel="alternate" type="application/rss+xml" title="RSS feeds" href="http://site/cache/rss20-english.xml" />

<link rel="shortcut icon" href="http://site/images/favicon.ico" />
<link href="http://site/templates/crotravel/css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
#xenia_mainwrapper { width: 810px; }
#sitecontent { width: 650px; }
#leftcolumn { width: 160px; }
#rightcolumn { width: 160px; }
</style>
<script type="text/javascript" src="http://site/templates/crotravel/includes/scrollpage.js"></script>
<script type="text/javascript" src="http://site/templates/crotravel/includes/roundies-compressed.js"></script>
<script type="text/javascript">
function xenialogoswap(orig) {
if (orig == 0) {
document.getElementById('xeniafooterlogo').src = 'http://site/templates/crotravel/images/footer_logo_hover.png';
} else {
document.getElementById('xeniafooterlogo').src = 'http://site/templates/crotravel/images/footer_logo.png';
}
}

DD_roundies.addRule('div.moduletable-round', '6px', true);
DD_roundies.addRule('div.moduletable-round h3', '6px', true);
DD_roundies.addRule('div.moduletable-orange', '6px', true);
DD_roundies.addRule('div.moduletable-orange h3', '6px', true);
DD_roundies.addRule('div.moduletable-bottom', '6px', true);
DD_roundies.addRule('div.moduletable-bottom2', '6px', true);
DD_roundies.addRule('div.bubble p', '6px', true);
DD_roundies.addRule('p.roundbox', '12px', true);
DD_roundies.addRule('div.moduletable', '6px', true);
DD_roundies.addRule('div.moduletable h3', '6px', true);
DD_roundies.addRule('input.inputbox', '6px', true);
DD_roundies.addRule('input.rescomtext', '6px', true);
DD_roundies.addRule('input.button', '6px', true);
</script>
</head>
<link href="http://site/modules/dsmenu/dsmenu_h.css" rel="stylesheet" type="text/css" /><body>
<div class="xenia_globalwrapper">
<div class="xenia_topline">
<div class="xenia_logo">
<a href="http://site/" title="site -">
<img src="http://site/templates/crotravel/images/logo.jpg" alt="site - " border="0" />
</a>
</div>
<div class="xenia_topmods">

</div>
<div style="clear: both;"></div>
</div>
<div class="xenia_nav_orange">
<div class="xenia_searchbox">

<form name="searchmodule" action="http://site/search.html" method="post">
<div class="search">
<input type="text" name="searchword" title="Search Keyword" class="inputbox" size="20" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /> </div>
<input type="hidden" name="option" value="search" />
<input type="hidden" name="Itemid" value="40" />

</form>
</div>
</div>

<div id="xenia_mainwrapper">
<div id="sitecontent">
<div class="inside">
<div style="clear: both;"></div>
<h1 class="contentheading">Airports in Croatia</h1>
<div align="right" class="buttonheading">

</div>
<div id="article23" class="contentpaneopen_text">


<p style="text-align: left;">ports:<br /><br /><strong>1.Airoport Zagreb (ZAG)</strong> - Croatia's main airport, the main transport hub of air among which:<br />ww www.austrian.com<br /><br /> <br />www.turkishairlines.com www.wizzair.com</p>
<p><img style="float: left;" title="Airport Croatia" src="http://site/images/stories/Airport-Croatia.jpg" alt="Airport Croatia" width="300" height="211" /></p>
<p style="text-align: left;"></p>

<p><strong>2.Airoport Dubrovnik (DBV).</strong> We can say that today the airport Dubrovnik is one of the most modern in Croatia. The length of its runway 3300, width of 45 meters. Maximum takeoff weight 298 tons of aircraft, landing 118, the width of taxiways from 22 to 27 meters. Passengers are given the full range of related services - ATMs and currency exchange offices, kiosks and shop «Duty Free», restaurant and cafe, a convenient and comfortable waiting room, a large parking lot with the office of the firm by hiring a car, communication services, mail, luggage storage, information on hotels and tourist offices. Airport Dubrovnik, Croatia in 2008, moved 1,191,000 474 passengers, and two months of this year, more than 60 thousand.<br /><br /><strong>3.Airoport Split (SPU).</strong> Croatia Split Airport was built in 1966. In 1988, as a th a wingspan of up to 67.88 and 75.54 meters. In addition, Croatia Split Airport - is a convenient parking for 353 cars-ex, and 31 coach. Bank, post office, newspaper and tobacco kiosks, shops, souvenirs and gifts in the room of the passenger terminal, hotel information of Split and tourist offices, cafe-bar in the lounge, restaurant and shop «Duty Free».<br /><br /><strong>4.Airoport Pula (PUY).</strong> Croatia Pula n 1987 e to the entrance pillars to register. Permeability of Croatia Pula Airport is one million passengers a year.<br /><br /><img style="float: right;" title="Airport in Croatia" src="http://site/images/stories/Airport-in-Croatia.jpg" alt="Airport in Croatia" width="300" height="223" /><strong>5.Airoport Rijeka (RJK).</strong> A small airport for the low-budget airlines. Flights are available in the city: Cologne, Hannover, Leipzig, Stuttgart, Oslo, Zurich, London, Nuremberg, Memmingeym and Zagreb. The airport has a post office, restaurant, bar, lounge, border crossing, the services are offered for lease, both vehicles and aircraft, business class taxi service and shuttle service.<br /><br /><strong>6.Airoport Zadar (ZAD).</strong> During the civil war, Croatia Zadar airport was destroyed, and today it is fully restored. From the airport of xcursions.<br /><br /><strong>7.Airoport Brac (BWK).</strong> Airport Brac Croatia a total area of 300 square meters is located on the eponymous island at a height of 541 meters above sea level, 14 km from the th domestic and international flights. For this purpose there are two basic and two additional reception area with modern arch metal detectors, a new waiting room, equipped areas of customs and border control.<br /></p>

<p style="text-align: center;"><img title="Airport of Croatia" src="http://site/images/stories/Airport-of-Croatia.jpg" alt="Airport of Croatia" width="470" height="236" /></p>
<p><strong>8.Airoport Osijek (OSI).</strong> Airport OsijOsijek - Vukovar, at a distance of twenty of the agencies.<br /></p>
<p>All information provided above is general information purposes and is obtained from public internet sources. For exact cost of tickets, flight schedules, the number and range of services offered at the moment and go to the official site of the airport in Croatia:<br />www.airport-dubrovnik.hr www.airport-pula.hr<br />wr<br />www.zahr<br />wrt.hr</p>
<p></p>
<p style="text-align: center;"><img title="Croatia Map Airport" src="http://site/images/stories/croatia-map-airport.jpg" alt="Croatia Map Airport" width="588" height="588" /></p>
</div>
<div style="clear:both;"></div>
</div>
Кофейник
На сайте с 11.07.2009
Offline
78
#8

Короче, судя по немногочисленным данным с отступами и интерлиньяжем у вас трындецок маленько.

Вот попробуйте эту строчку в стили пихнуть, должно помочь:

div.contentpaneopen_text {position:relative; top:15px!important;}

Или:

div.contentpaneopen_text {padding-top:15px!important;}
[Удален]
#9
div.contentpaneopen_text { text-align:justify; padding:0 4px; }

попробуйте так:


div.contentpaneopen_text { text-align:justify; padding: 20px 4px 0px 4px;}

или так:

div.contentpaneopen_text { text-align:justify; padding:0 4px; margin-top: 20px;}

П.С. Не увидел, верхнее сообщение уже несёт тот же смысл.

[Удален]
#10
Кофейник:
Короче, судя по немногочисленным данным с отступами и интерлиньяжем у вас трындецок маленько.
Вот попробуйте эту строчку в стили пихнуть, должно помочь:
div.contentpaneopen_text {position:relative; top:15px!important;}

Или:
div.contentpaneopen_text {padding-top:15px!important;}

Спасибо! 🍻

всё ок, только. не подскажите как ещё на одну строчку контент опустить, а то где посты с картинки начинаются, края букв заголовка под картинку уходят.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий