question
7 отговора
238 прегледа
question
здравейте, имам един въпрос:
искам чрез css да сложа в горния край на страницата ми две линии (поне така да изглежда), в първата от ляво трябва да има надпис а в дясно - малка картинка, така е и на втората линия (двете са високи около 30 пиксела)
за целта в <body> имам два <div>, всеки от които съдържа други два <div> с текстовете в ляво и картинките, съответно
само че не мога да постигна това - текстовете и картинките да са на една линия, т.е. текст а стрещу него в дясно картинка, и така и по-долу, все излизат на отделна линия
нямам вече никаква идея, как по друг начин да ги наместя
искам чрез css да сложа в горния край на страницата ми две линии (поне така да изглежда), в първата от ляво трябва да има надпис а в дясно - малка картинка, така е и на втората линия (двете са високи около 30 пиксела)
за целта в <body> имам два <div>, всеки от които съдържа други два <div> с текстовете в ляво и картинките, съответно
само че не мога да постигна това - текстовете и картинките да са на една линия, т.е. текст а стрещу него в дясно картинка, и така и по-долу, все излизат на отделна линия
нямам вече никаква идея, как по друг начин да ги наместя
Re: question
Вкарай всичко това в таблица с два реда, всеки ред с две TD-та (за текста и картинката). Не ти трябват DIV-ове.
Успех.
Успех.
Re: question
ех де, все ми се искаше и без таблици да мина, щото постоянно чета против употребата им, ама тука явно няма друг вариант
благодаря ти все пак
благодаря ти все пак
Re: question
Къде е това място, където постоянно четеш против таблиците, кой те съветва такива неща???
Не знам нормален дизайнер или фирма да може да мине без тях.
А колкото до минаването без тях - можеш да минеш, чрез позициониране на div/layers в страницата си (например чрез style="position:absolute/relative; top:100; left:100;"), но за мен този подход в случая ще е пълна дивотия.
Успех все пак.
Не знам нормален дизайнер или фирма да може да мине без тях.
А колкото до минаването без тях - можеш да минеш, чрез позициониране на div/layers в страницата си (например чрез style="position:absolute/relative; top:100; left:100;"), но за мен този подход в случая ще е пълна дивотия.
Успех все пак.
Редактирано от mr.vain на
Уважаеми mr.vain...
... да не останеш с погрешното впИчатление че искам се заяждам с теб, бът туй което приказваш за таблиците, не съм съгласен с него, и мога да се обоснова с една статия по въпроса Tables vs CSS (която прочее, ме убеди преди време да заместя таблиците с CSS, и поне за себе си съм доволен - направо се родих).
10х за линка :)
статията е много достъпно написана :)
Спести ми куп сухи и досадни обяснения, които се опитвах да формулирам за уроците на една девойка :))
Ти имаш ли?
Спести ми куп сухи и досадни обяснения, които се опитвах да формулирам за уроците на една девойка :))
Ти имаш ли?
Re: Уважаеми Volkano...
Виж, никак не се обижам или мисля че се заяждаш.
Даже danke за статията. Но там се набляга на това да не пишем код до припадък, а да използваме умно CSS, както всеки би трябвало да прави, както правя и аз. Никъде не се налага табу на тага <table>.
. А иначе съм ъпсолутно съгласен, че стила table, в table, в table, в table, в table... (откъде започнах) е меко казано (само)убийствен.
А в случая ставаше въпрос просто за два реда с текст и картинка всеки.
Даже danke за статията. Но там се набляга на това да не пишем код до припадък, а да използваме умно CSS, както всеки би трябвало да прави, както правя и аз. Никъде не се налага табу на тага <table>.
А в случая ставаше въпрос просто за два реда с текст и картинка всеки.
Редактирано от mr.vain на
Re: Уважаеми mr.vain...
хех, май пак ще се отвори заяжданка (не го искам нарочно, ама предполагам, че ще стане така)...
та - разгледах въпросната статийка, която си дал, и съм ДЛЪЖЕН веднага да се позаям :) поне за няколко неща.
Първо - определено има зрънца истина тук-там, ама да ми излезе някой с лозунга не на таблиците, и като му отворя сорса да видя:
<table summary="a unholy mess" width="553" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td>Много по-добре</td>
<td>Познайте колко код е нужен за тази малка табличка? 2.1k. В нея има 4 реда и 2 колони. И няма spacer.gif-ове.</td>
</tr>
.....
ми кво да ти кажа... очевидно таблицата дето се демонстрира преди дадения пример е генерирана от някоя чикия от сорта на ДВ, иначе не вярвам жив човек дето си разбира от работата да напише подобен сорс... то ся и аз съм оправял таблица дето беше 95К, и стана 16К в последствие, ама си остана таблица...
Второ - разгледах дадените примерни сайтове, демонстриращи различни лейаути - много хубаво... само че!!! ако не си забелязал, всичките са с... как да кажа... малко "постна" структура - колонка текст, колонка навигация, глава и туйто... я да се опита някой да ми направи някоя сложна заглавна страница на портал без таблици, че да дойда да му стисна ръката... бтв вече май съм споменавал тука - един единствен път реших да опитам да направя един малко по-сложен лейаут без грам таблица - само ДИВ-ове и ЦСС - еми НЕ СТАВА брато, загубих си 2 дена за да постигна гооре-долу приличен резултат, и то само на ИЕ... иначе по другия начин (с таблици) го нацъках за час - час и малко (на ръка естествено, от нулата)...
Трето - мноо се дразня като някой вземе да твърди едно, а пък след 2 страници прави точно обратното (виждал съм подобни бисери например в "космополитен" - неква статийка за жени как да пестят пари (10-20 ст.), теглейки от банкомати на банката, която е издала картата, и 2 страници по-нататък се рекламират некви маркови джапанки за 270 лв... хахаха) - та и тука така... само не разбрах кво му е на <б> тага и кво му е на <бр> тага, и защо по дяволите след като трафика струвал пари, трябва да пиша <стронг>бла</стронг>, вместо <б>бла</б>, и защо да използвам <п> вместо <бр> след като двата тага правят доста различно нещо?
Последно - (и това май съм го коментирал вече) за да си сменя дизайна на даден сайт, обикновено не ми се налага да пренапиша 20-30 страници, а само 1-2 файла (хедър и фуутър) и няколко ПХП функцийки дето ми генерират контента - лесно и просто, работи на всякакви браузъри и т.н. и ДА, използвам ЦСС, ама умерено...
Така че начини много - само не знам защо трябва да се фанатизираме в името на някоя съмнителна (засега) кауза...
Just a genius
та - разгледах въпросната статийка, която си дал, и съм ДЛЪЖЕН веднага да се позаям :) поне за няколко неща.
Първо - определено има зрънца истина тук-там, ама да ми излезе някой с лозунга не на таблиците, и като му отворя сорса да видя:
<table summary="a unholy mess" width="553" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td>Много по-добре</td>
<td>Познайте колко код е нужен за тази малка табличка? 2.1k. В нея има 4 реда и 2 колони. И няма spacer.gif-ове.</td>
</tr>
.....
ми кво да ти кажа... очевидно таблицата дето се демонстрира преди дадения пример е генерирана от някоя чикия от сорта на ДВ, иначе не вярвам жив човек дето си разбира от работата да напише подобен сорс... то ся и аз съм оправял таблица дето беше 95К, и стана 16К в последствие, ама си остана таблица...
Второ - разгледах дадените примерни сайтове, демонстриращи различни лейаути - много хубаво... само че!!! ако не си забелязал, всичките са с... как да кажа... малко "постна" структура - колонка текст, колонка навигация, глава и туйто... я да се опита някой да ми направи някоя сложна заглавна страница на портал без таблици, че да дойда да му стисна ръката... бтв вече май съм споменавал тука - един единствен път реших да опитам да направя един малко по-сложен лейаут без грам таблица - само ДИВ-ове и ЦСС - еми НЕ СТАВА брато, загубих си 2 дена за да постигна гооре-долу приличен резултат, и то само на ИЕ... иначе по другия начин (с таблици) го нацъках за час - час и малко (на ръка естествено, от нулата)...
Трето - мноо се дразня като някой вземе да твърди едно, а пък след 2 страници прави точно обратното (виждал съм подобни бисери например в "космополитен" - неква статийка за жени как да пестят пари (10-20 ст.), теглейки от банкомати на банката, която е издала картата, и 2 страници по-нататък се рекламират некви маркови джапанки за 270 лв... хахаха) - та и тука така... само не разбрах кво му е на <б> тага и кво му е на <бр> тага, и защо по дяволите след като трафика струвал пари, трябва да пиша <стронг>бла</стронг>, вместо <б>бла</б>, и защо да използвам <п> вместо <бр> след като двата тага правят доста различно нещо?
Последно - (и това май съм го коментирал вече) за да си сменя дизайна на даден сайт, обикновено не ми се налага да пренапиша 20-30 страници, а само 1-2 файла (хедър и фуутър) и няколко ПХП функцийки дето ми генерират контента - лесно и просто, работи на всякакви браузъри и т.н. и ДА, използвам ЦСС, ама умерено...
Така че начини много - само не знам защо трябва да се фанатизираме в името на някоя съмнителна (засега) кауза...