Проблем със снимки и CSS в сайт

cloc

cloc

Member
Искам да поставя в хедъра над лентата с менюто няколко снимки / лога на фирми. Искам логата да са едно до друго, но когато ги поставя в моят сайт снимките застават една под друга, но когато ги поставя на празна HTML страница снимките са една до друга, изглежда че стилът на сайта ми бърка подредбата. Как да направя така че CSS в сайта ми да не влияе на подредбата на тези снимки.
 
От: Проблем със снимки и CSS в сайт

За сайта в подписа ли става дума?
И дай една картинка (може и с паинт) кое къде как
 
От: Проблем със снимки и CSS в сайт

sliddex каза:
при CSS-а. Някъв position беше.
Увеличете...

Направо му помогна на човека с това обяснение.
 
От: Проблем със снимки и CSS в сайт

position: absolute; на CSS-а на логото и другото се подрежда точно върху/до него (зависи). По-ясно от това накъде? А ти с какво помогна с твоето мнение?
 
От: Проблем със снимки и CSS в сайт

Човек как искаш да ти се помогне като не казваш нищо? Нито има source code нито линк. Не ни карай да хвърляме кости на котки за да гадаем :)
 
От: Проблем със снимки и CSS в сайт

Сайта още е на компа ми...това искам да направя: 2013-12-26_083754.jpg, снимките с логото са gif формат.
CSS е голям и не зная кое точно да копирам и да постна тук.
А това е сорса от хедъра:

<!--header-->
<header>
<div class="wrap clearfix">
<!--logo-->
<h1 class="logo"><a href="index.html" title="Book Your Travel - home"><img src="images/txt/logo.png" alt="Book Your Travel" /></a></h1>
<!--//logo-->

<!--ribbon-->

<!--//ribbon-->

<!--search-->
<div class="search">
<img src="images/ico/call_center.gif" alt="" />
</div>
<!--//search-->

<!--contact-->
<div class="contact">

</div>
<!--//contact-->
</div>

<!--main navigation-->
<nav class="main-nav" role="navigation" id="nav">
<ul class="wrap">
<li ><a href="flights.html" title="самолетни билети">Самолетни билети</a>
<ul>
<li><a href="#">Европа</a></li>
<li><a href="#">Азия</a></li>
<li><a href="">Америка</a></li>
<li><a href="">Океания</a></li>
</ul>
</li>
</li>
</ul>
</nav>

<!--//main navigation-->
</header>
<!--//header-->
<!-- firm -->
</br></br>

<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>

<!--// firm -->
 

Прикачени файлове

  • 2013-12-26_083754.jpg
    2013-12-26_083754.jpg
    22.1 KB · Преглеждания: 4
От: Проблем със снимки и CSS в сайт

Не знам какво пише в css но пробвай така:
Код: 
<!-- firm -->
</br></br>

<div class='logo'>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
</div>

<!--// firm -->

Ако така не става добави следния class в css файла:
Код: 
.cloc {
    display: inline-block;
    vertical-align: center; //Центриране на снимките по средата на страницата
}

После слагаш този код в html документа:
Код: 
<!-- firm -->
</br></br>

<div class='cloc'>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
</div>

<!--// firm -->
 
От: Проблем със снимки и CSS в сайт

Ето това е CSS...
realdark, предложените варианти не стават :(
 
От: Проблем със снимки и CSS в сайт

А така?

Код: 
.cloc {
    display: inline;
}

Тага BR ти е написан грешно. Вярното е <br />. Затваращия елемент се слага най-отзад ;)

Съдържанието се слагат в body-то, при теб не е така. Има ли причина да е така?

Би трябвало да е така:
Код: 
<!--//header-->
<!-- firm -->
<body>
<br /><br />

<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>
<a href="http://site.com"><img src="http://site.com/image.jpg"></a>

<!--// firm --> 
</body>
 
Последно редактирано:
От: Проблем със снимки и CSS в сайт

Съдържанието се слагат в body-то, при теб не е така. Има ли причина да е така?
Увеличете...

Така съм закупил темата...не зная защо....
 
От: Проблем със снимки и CSS в сайт

Коригирай нещата които ти казах и би трябвало всичко да се оправи. Кой ти е продал такъв код :)
 
  • Like
Реакции: cloc
От: Проблем със снимки и CSS в сайт

realdark каза:
Тага BR ти е написан грешно. Вярното е <br />. Затваращия елемент се слага най-отзад ;)
Увеличете...

Това не е вярно, приема се, че правилното изписване е по следния начин: </ br>.
 
От: От: Проблем със снимки и CSS в сайт

sliddex каза:
position: absolute; при CSS-а. Някъв position беше.
Увеличете...
Бягай като дявол от тамян от абсолютно позициониране.

float : left;


Странникът каза:
Това не е вярно, приема се, че правилното изписване е по следния начин: </ br>.
Увеличете...

Уби ме :-o
[h=2]Differences Between HTML and XHTML[/h]In HTML, the <br> tag has no end tag.
In XHTML, the <br> tag must be properly closed, like this: <br />.

w3c recommended XHTML shorthand form for empty tags

т.е <input blah blah blah></input> става на <input blah blah blah />

Ама </ br> :)
 
От: От: Проблем със снимки и CSS в сайт

Не е, прав си братле, <br> или <br /> няма други начини, а това дето си сложил от долу е грешно написано. ;)
Странникът каза:
Това не е вярно, приема се, че правилното изписване е по следния начин: </ br>.
Увеличете...
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе